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

Size: px

Start display at page:

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

敛洁浓冯
5 years ago
Views:

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

2 1 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, 然后抓取博客园文章, 如下所示 : 手机天下网阅 APP 访问 : WebApi PC1 WebApi PC2 WebApi PC3 抓取博客园文章 3 安卓模拟器安卓模拟器可以采用夜神模拟器 ( 可以采用原生的 android 模拟器, 或者其它类型的模拟器 ), 输入以下 adb 命令 :

3 2 Microsoft Windows [ 版本 ] 版权所有 (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 :62001

$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.$

4 3 4 MUI 框架 MUI 是最接近原生 App 体验的前端框架, 可多端发布到 Appstore Android 市场浏览器微信公众号百度直达号及流应用 MUI 相关的学习资源 : MUI 使用的工具 :HBuilder 运行 CMD, 输入以下命令 : Microsoft Windows [ 版本 ] 版权所有 (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 :62001

5 4 5 编写.NET WebApi 的服务端 CnBlogsController.cs using System; using System.Collections.Generic; using System.IO; using System.Net; using System.Text; using System.Web.Http;

6 5 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 = " 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();

7 6 // 解析 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(" 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()) ;

8 7 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 部署到以下 ( 因网络限制, 所以这里只在本机上执行启动 )

9 8 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 error_page /50x.html; location = /50x.html root html; 运行 CMD: D:\DTLDownLoads\nginx >start nginx D:\DTLDownLoads\nginx >nginx -s reload

10 9 8 运行结果启动安装在手机端的 APP( 或者启动 HBuilder)

11 10

12 11

13 12

14 13

15 14

16 15

17 16 9 总结通过 Ningx 集群, 再使用 MUI 前端框架打包生成 android 的 APP( 也可以生成 IOS 的 APP), WebApi 提供了集群 API 的数据流访问, 通过 API 能够动态抓取博客园的文章, 并反馈到 APP 主页上, 从而完成了一个简单的天下网阅 APP 设计源代码下载 : PDF 下载 : Nginx 集群之.Net 打造 WebApp( 支持 IOS 和安卓 ).pdf

1 1 大概思路 Nginx 集群之 SSL 证书的 WebApi 微服务 HTTP 与 HTTPS(SSL 协议 ) Openssl 生成 SSL 证书编写.NET WebApi 部署 WebApi 到局域网内 3 台 PC 机 Nginx 集群配置搭建运行结果总结 2 Nginx 集群之

1 1 大概思路 Nginx 集群之 SSL 证书的 WebApi 微服务 HTTP 与 HTTPS(SSL 协议 ) Openssl 生成 SSL 证书编写.NET WebApi 部署 WebApi 到局域网内 3 台 PC 机 Nginx 集群配置搭建运行结果总结 2 Nginx 集群之目录 1 大概思路... 1 2 Nginx 集群之 SSL 证书的 WebApi 微服务... 1 3 HTTP 与 HTTPS(SSL 协议 )... 1 4 Openssl 生成 SSL 证书... 2 5 编写.NET WebApi... 3 6 部署 WebApi 到局域网内 3 台 PC 机... 5 7 Nginx 集群配置搭建... 6 8 运行结果... 8 9 总结... 9 1

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

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