欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Nginx集群之.Net打造WebApp(支持IOS和安卓)

程序员文章站 2022-06-28 23:19:19
讨论了那么多Nginx集群的应用,本文就打造一个安卓App实例来展现给大家。WebApi好处就是无前端化,无论前端是PC机、笔记本、手机、平板电脑或者是IOS等,都可以通过集群,实现数据流的交互。如果要支持视频流这些,就要另当别论了。MUI框架在国内是个不错的框架,本次主要还是利用MUI框架实现一个... ......

目录

1       大概思路... 1

2       Nginx集群之.Net打造WebApp(支持IOS和安卓) 1

3       安卓模拟器... 1

4       MUI框架... 3

5       编写.NET WebApi的服务端... 4

6       在本机启动WebApi 7

7       Nginx集群配置搭建... 8

8       运行结果... 9

9       总结... 15

 

1       大概思路 Nginx集群之.Net打造WebApp(支持IOS和安卓) 安卓模拟器 MUI框架 编写.NET WebApi的服务端 在本机启动WebApi Nginx集群配置 运行结果 总结 2       Nginx集群之.Net打造WebApp(支持IOS和安卓)

讨论了那么多Nginx集群的应用,本文就打造一个安卓App实例来展现给大家。

WebApi好处就是无前端化,无论前端是PC机、笔记本、手机、平板电脑或者是IOS等,都可以通过集群,实现数据流的交互。如果要支持视频流这些,就要另当别论了。

MUI框架在国内是个不错的框架,本次主要还是利用MUI框架实现一个简单的APP,这个APP动态调用WebApi,利用XPATH方式爬虫抓取博客园的文章,从而实现一个简单的“天下网阅”APP。

以下是本文讲述的主要结构图:

手机“天下网阅”APP,访问Nginx集群WebApi,然后抓取博客园文章,如下所示:

Nginx集群之.Net打造WebApp(支持IOS和安卓)

3       安卓模拟器

安卓模拟器可以采用夜神模拟器(可以采用原生的android模拟器,或者其它类型的模拟器),输入以下adb命令:

Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。

C:\Users\zhyongfeng>cd D:\Program Files (x86)\Nox\bin

C:\Users\zhyongfeng>d:

D:\Program Files (x86)\Nox\bin>nox_adb connect 127.0.0.1:62001

 Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

4       MUI框架

MUI是最接近原生App体验的前端框架,可多端发布到Appstore、Android市场、浏览器、微信公众号、百度直达号及流应用。

MUI相关的学习资源:http://dev.dcloud.net.cn/mui/

MUI使用的工具:HBuilder

运行CMD,输入以下命令:

Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。

C:\Users\zhyongfeng>cd D:\DTLDownLoads\HBuilder_8.8.0_windows\HBuilder\tools\adb
s

C:\Users\zhyongfeng>d:

D:\DTLDownLoads\HBuilder_8.8.0_windows\HBuilder\tools\adbs>adb connect 127.0.0.1:62001

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

5       编写.NET WebApi的服务端

CnBlogsController.cs

using System;
using System.Collections.Generic;
using System.IO;
using System.Net;
using System.Text;
using System.Web.Http;
using Newtonsoft.Json;
using HtmlAgilityPack;
using WebAppCnBlogsApi.Models;

namespace WebAppCnBlogsApi.Controllers
{
    [RoutePrefix("api/CnBlogs")]
    public class CnBlogsController : ApiController
    {
        [Route("GetCnBlogs")]
        public string GetCnBlogs(int i)
        {
            string url = "https://www.cnblogs.com/mvc/AggSite/PostList.aspx";
            HttpWebRequest req = (HttpWebRequest)WebRequest.Create(url);
            req.Method = "POST";
            req.ContentType = "application/json; charset=utf-8";
            object o = new
            {
                CategoryType = "SiteHome",
                ParentCategoryId = 0,
                CategoryId = 808,
                PageIndex = i,
                TotalPostCount = 4000,
                ItemListActionName = "PostList"
            };
            //如果需要POST数据    
            byte[] data = Encoding.UTF8.GetBytes(JsonConvert.SerializeObject(o));
            req.ContentLength = data.Length;
            using (Stream stream = req.GetRequestStream())
            {
                stream.Write(data, 0, data.Length);
            }

            HttpWebResponse response = (HttpWebResponse)req.GetResponse();
            Stream streamReceive = response.GetResponseStream();
            StreamReader streamReader = new StreamReader(streamReceive, Encoding.UTF8);
            string strResult = streamReader.ReadToEnd();
            streamReader.Close();
            streamReceive.Close();
            req.Abort();
            response.Close();


            //解析HTML
            HtmlDocument doc = new HtmlDocument();
            doc.LoadHtml(strResult);
            HtmlNodeCollection cnBlogsNodeCollection = doc.DocumentNode.SelectNodes("//div[@class='post_item_body']");
            List<HtmlCnBlogs> listCnBlogs = new List<HtmlCnBlogs>();

            int j = 0;
            foreach(HtmlNode m in cnBlogsNodeCollection)
            {
                j++;
                HtmlCnBlogs cn = new HtmlCnBlogs();
                HtmlNode author = m.SelectSingleNode("/div[" + j + "]/div[2]/div[1]/a[1]");
                cn.author = author.InnerText.Trim();
                cn.authorHref= author.Attributes["href"].Value;
                HtmlNode authorCreateTime = m.SelectSingleNode("/div[" + j + "]/div[2]/div[1]");
                cn.createtime = authorCreateTime.ChildNodes[2].InnerText.Trim();
                HtmlNode img = m.SelectSingleNode("/div["+j+"]/div[2]/p[1]/a[1]/img[1]");
                if (img != null)
                    cn.authorImg = string.Format("https:{0}", img.Attributes["src"].Value);

                HtmlNode h3 = m.SelectSingleNode("/div[" + j + "]/div[2]/h3[1]");
                cn.title = h3.InnerText;
                HtmlNode titlelnk = m.SelectSingleNode("/div[" + j + "]/div[2]/h3[1]/a[1]");
                cn.titlelink = titlelnk.Attributes["href"].Value;
                //简介
                HtmlNode content = m.SelectSingleNode("/div["+j+"]/div[2]/p[1]");
                cn.content = content.InnerText.Trim();
                //评论、评论URL
                HtmlNode comments = m.SelectSingleNode("/div[" + j + "]/div[2]/div[1]/span[1]/a[1]");
                string strComments = comments.InnerText.Trim();
                StringBuilder sbComments = new StringBuilder();
                foreach (char c in strComments)
                {
                    if (Convert.ToInt32(c) >= 48 && Convert.ToInt32(c) <= 57)
                    {
                        sbComments.Append(c);
                    }
                }
                cn.commentsHref = comments.Attributes["href"].Value;
                cn.comments = int.Parse(sbComments.ToString())
;
                HtmlNode views = m.SelectSingleNode("/div["+j+"]/div[2]/div[1]/span[2]/a[1]");
                string strViews = views.InnerText.Trim();
                StringBuilder sbViews = new StringBuilder();
                foreach (char c in strViews)
                {
                    if (Convert.ToInt32(c) >= 48 && Convert.ToInt32(c) <= 57)
                    {
                        sbViews.Append(c);
                    }
                }
                cn.viewsHref= views.Attributes["href"].Value;
                cn.views = int.Parse(sbViews.ToString());
                listCnBlogs.Add(cn);
            }
            return JsonConvert.SerializeObject(listCnBlogs);
        }
    }
}
6       在本机启动WebApi

将WebApi部署到以下10.93.85.66(因网络限制,所以这里只在本机上执行启动)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

7       Nginx集群配置搭建

Nginx的集群配置:

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost zhyongfeng;
        location / {
            proxy_pass   http://localhost:51690;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

运行CMD:

D:\DTLDownLoads\nginx-1.10.2>start nginx
D:\DTLDownLoads\nginx-1.10.2>nginx -s reload

Nginx集群之.Net打造WebApp(支持IOS和安卓)

8       运行结果

启动安装在手机端的APP(或者启动HBuilder)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

Nginx集群之.Net打造WebApp(支持IOS和安卓)

 Nginx集群之.Net打造WebApp(支持IOS和安卓)

9       总结

通过Ningx集群,再使用MUI前端框架打包生成android的APP(也可以生成IOS的APP),WebApi提供了集群API的数据流访问,通过API能够动态抓取博客园的文章,并反馈到APP主页上,从而完成了一个简单的“天下网阅”APP设计。

源代码下载:

http://download.csdn.net/download/ruby_matlab/10175001

PDF下载:

Nginx集群之.Net打造WebApp(支持IOS和安卓).pdf

App体验版(无数据交互):

帐户名:zhyongfeng

密码:123456

https://files.cnblogs.com/files/yongfeng/TianXiaWangYue.apk