ASP.NET Core快速入門之實戰篇
NO1 留言板(mysql的使用)
演示:http://haojima.net
這個功能很簡單。就是對數據庫的寫入和展示。如果在Windows下,相信大傢分分鐘都可以搞定。而初次接觸.net core + mysql可能需要註意些細節。
首先打開vs2017新建一個asp.net core項目(選Web應用程序),然後nuget 導入Microsoft.EntityFrameworkCore.Tools 1.1.1和MySql.Data.EntityFrameworkCore 8.0.8-dmr。
然後新建一個DbContext類。
public class DataContext : DbContext { //【註意】連接字符串一定要加 sslmode=none string str = @"Data Source=;Database=;User ID=;Password=;pooling=true;CharSet=utf8;port=3306;sslmode=none"; protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder) => optionsBuilder.UseMySQL(str); //下面就可以添加要加入數據庫的實體瞭 //public DbSet<Message> Messages { get; set; } }
到此為止,我們已經可以利用EF Core直接連接mysql進行增刪改查操作瞭。註意:需要導入命名空間using Microsoft.EntityFrameworkCore; using MySQL.Data.EntityFrameworkCore.Extensions;
當然。你會說,連接字符串不能硬編碼到代碼裡面。我們也可以放配置文件。appsettings.json
{ "Logging": { "IncludeScopes": false, "LogLevel": { "Default": "Warning" } }, "ConnectionStrings": { "SqlServerConnection": "Data Source=;Database=;User ID=;Password=;pooling=true;CharSet=utf8;port=3306;sslmode=none" } }
然後把上面的硬編碼註釋掉。在Startup.cs文件的ConfigureServices方法添加
var connection = Configuration.GetConnectionString("SqlServerConnection"); services.AddDbContext<DataContext>(options => options.UseMySQL(connection));
【註意】項目名稱和路徑最好不要有中文,不然會出現些亂七八糟的問題。
【完整代碼】:https://github.com/zhaopeiym/BlogDemoCode/tree/master/MessageBoard
NO2 聊天室(WebSocket的使用)
演示:http://socket.haojima.net
WebSocket是Html5新增的一個很酷的技術。下面我們簡單講解下這個很酷的技術
var Socket = new WebSocket(url);//創建 WebSocket 對象
創建瞭一個WebSocket對象後會觸發打開連接事件:
Socket.onopen = function(){ }
除瞭onopen事件,還有其他三個事件:
Socket.onmessage //客戶端接收服務端數據時觸發 Socket.onerror //通信發生錯誤時觸發 Socket.onclose //連接關閉時觸發
另外還有兩個方法:
Socket.send() //使用連接發送數據 Socket.close() //關閉連接
最後還有四個連接狀態屬性:
Socket.readyState 0 - 表示連接尚未建立。 1 - 表示連接已建立,可以進行通信。 2 - 表示連接正在進行關閉。 3 - 表示連接已經關閉或者連接不能打開。
整個WebSocket常用功能知識點就四個事件、兩個方法、四種狀態。簡單吧,下面我們看看asp.net core後臺的配合:
後臺添加一個SocketHandler類,並添加一個靜態方法Map:
/// <summary> /// 請求 /// </summary> /// <param name="app"></param> public static void Map(IApplicationBuilder app) { app.UseWebSockets(); //【註意】需要 nuget 導入 Microsoft.AspNetCore.WebSockets.Server app.Use(Acceptor); }
然後新增對應的Acceptor方法:
/// <summary> /// 接收請求 /// </summary> /// <param name="httpContext"></param> /// <param name="n"></param> /// <returns></returns> static async Task Acceptor(HttpContext httpContext, Func<Task> n) {
需要在Startup.cs類裡面的Configure方法裡面加入
app.Map("/ws", SocketHandler.Map); //傳入我們剛才新建的靜態方法Map
現在為止,基本的類和配置已經完成。
我們主要操作,是在Acceptor方法裡面接收和發送消息。
//建立連接 var socket = await httpContext.WebSockets.AcceptWebSocketAsync(); //等待接收數據 await socket.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None); //發送消息 await socket.SendAsync(arraySegment, WebSocketMessageType.Text, true, CancellationToken.None);
後臺關鍵代碼也就這三句,建立連接、等待接收、發送消息。
不過這裡有一點需要理解。建立連接後,可以接收任意多次客戶端消息。所以ReceiveAsync等待接收這裡需要死循環接收消息,直到連接斷開。(不用擔心真的死循環,沒有消息發送的時候,代碼會阻塞在那裡等待消息)
【完整實現】:https://github.com/zhaopeiym/ChatRoom
NO3 找工作(AngleSharp的使用)
演示:http://job.haojima.net
對於爬蟲抓包,我相信大傢初次接觸都非常的熱衷於此。我也不例外。
那麼在asp.net core下面是否也有這樣的插件呢?答案是肯定的。
http://www.cnblogs.com/linezero/p/5599611.html HtmlAgilityPack HTML解析(感謝博主對.net core的貢獻)。不過xpath用起來超級惡心。
之前在.net下面有一款Jumony http://www.cnblogs.com/Ivony/p/3447536.html(博客園大牛寫的)。支持CSS選擇和linq查詢。簡直不要太爽。可是不支持.net core。(本人試瞭下遷移.net core,發現很多類在.net core沒有實現)
最後還是到瞭一款支持.net core的解析組件。並可以媲美Jumony,同樣支持css選擇和linq查詢。那就是AngleSharp。
新建項目,nuget 安裝 AngleSharp。然後以下簡單使用:
using (HttpClient http = new HttpClient()) { var htmlString = await http.GetStringAsync(url); HtmlParser htmlParser = new HtmlParser(); var jobInfos = htmlParser.Parse(htmlString) .QuerySelectorAll(".newlist_list_content table") .Where(t => t.QuerySelectorAll(".zwmc a").FirstOrDefault() != null) .Select(t => new JobInfo() { PositionName = t.QuerySelectorAll(".zwmc a").FirstOrDefault().TextContent, CorporateName = t.QuerySelectorAll(".gsmc a").FirstOrDefault().TextContent, Salary = t.QuerySelectorAll(".zwyx").FirstOrDefault().TextContent, WorkingPlace = t.QuerySelectorAll(".gzdd").FirstOrDefault().TextContent, .ToList(); return jobInfos; }
看到沒有,就像jq一樣解析html。如果你說不爽我都不信。
【完整實現】:https://github.com/zhaopeiym/JobWanted
部署多個站點
以上,這些項目都比較簡單。關鍵技術點和難點都進行的分析。我相信大傢都可以動起手練習起來瞭。
不過有個問題,前面我們隻說瞭部署一個應用程序。如果是多個該怎麼部署呢?
首先我們把多個程序發佈包放到服務器上。
然後修改nginx的配置文件/etc/nginx/conf.d/default.conf
server { listen 80; server_name www.haojima.net; #對應的域名 root /home/projects/messagBoard; #程序路徑 location / { proxy_pass http://localhost:5000; #內網端口 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection keep-alive; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; proxy_set_header X-real-ip $remote_addr; proxy_set_header Upgrade $http_upgrade; } }
有幾個程序就添加幾個server,不過需要修改你解析到的域名、程序路徑和內網對應的端口(看配置裡的註釋) 。
然後修改supervisor的配置文件/etc/supervisor/conf.d/supervisord.conf
[program:MessageBoard] command=dotnet MessageBoard.dll ; 運行程序的命令 directory= /home/projects/messagBoard/ ; 命令執行的目錄 autorestart=true ; 程序意外退出是否自動重啟 stderr_logfile=/var/log/WebApplication1.err.log ; 錯誤日志文件 stdout_logfile=/var/log/WebApplication1.out.log ; 輸出日志文件 environment=ASPNETCORE_ENVIRONMENT=Production ; 進程環境變量 user=root ; 進程執行的用戶身份 stopsignal=INT
有幾個程序就往下復制幾份program。需要修改program名稱,隻要名稱不重復就可以。然後修改 運行程序的命令 對應的dll和命令執行的目錄(看配置文件的註釋)。
如此就可以部署多個程序瞭。
開始我還以為是在域名解析的時候,解析IP + 端口。原來是多個域名解析到同一個IP,然後nginx在內部做域名和內網端口分發。
一些其它的細節
部署阿裡雲
我們在linux的防火墻開放瞭端口,發現在外面還是訪問不瞭(可以telnet IP 端口 來測試)。有可能是阿裡雲攔截瞭。https://help.aliyun.com/document_detail/25471.html 在安全組添加某端口哪些IP可以訪問。
mysql的客戶端
對於mysql,我們安裝好之後總不能每次命令操作吧。在Windows下面有個客戶端Navicat可以方便管理mysql。Navicat
獲取ip
用瞭nginx後發現取不到瀏覽器IP瞭。那是因為我們程序都是瀏覽器訪問nginx,然後nginx轉發內網程序端口。所以取到的IP都是內網本機IP。如果需要取瀏覽器IP需要在nginx配置
server { listen 80; server_name www.haojima.net; root /home/projects/messagBoard; location / { proxy_pass http://localhost:5000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection keep-alive; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; proxy_set_header X-real-ip $remote_addr; # 新添加 } }
然後代碼裡面取IP:
var ip = HttpContext.Request.Headers["X-real-ip"].FirstOrDefault();
WebSocket在nginx的配置
上面我們寫的WebSocket直接運行發現沒有任何問題,可是部署在nginx去跑不起來瞭。那是因為需要nginx支持WebSocket,需要配置。http://nginx.org/en/docs/http/websocket.html
server { listen 80; server_name job.haojima.net; root /home/projects/jobWanted; location / { proxy_pass http://localhost:5002; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection keep-alive; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; proxy_set_header X-real-ip $remote_addr; proxy_set_header Upgrade $http_upgrade; # 新增 #proxy_set_header Connection "upgrade"; # 新增 proxy_set_header Connection $http_connection; #ws和post同時使用 https://github.com/aspnet/KestrelHttpServer/issues/1263 } }
WebSocket心跳
經過上面的配置,我們的WebSocket在nginx上跑起來瞭。萬分歡喜的我們,發現一分鐘不發消息就自動掉線瞭。鬱悶至極到頭大。細心的同學通過上面的鏈接資料其實已經有說明:
By default, the connection will be closed if the proxied server does not transmit any data within 60 seconds. This timeout can be increased with the proxy_read_timeout directive. Alternatively, the proxied server can be configured to periodically send WebSocket ping frames to reset the timeout and check if the connection is still alive.
nginx給出瞭兩種解決方案。第一種,修改proxy_read_timeout (默認60秒)。第二種,瀏覽器客戶端定時發送心跳包(時間要短於proxy_read_timeout)。
我使用的是第二種方式。
第一種雖然簡單粗暴,但是時間再長也是一個值,還是會有超時的可能。再者,誰能保證瀏覽器端不會new 很多個WebSocket出來搗蛋。
第二種方式,瀏覽器定時發送一條消息,內容和後臺約定下。如發送“心跳”,然後後臺接收消息是,判斷如果是“心跳”則不做任何處理。
中文編碼
在做“找工作”爬前程無憂的數據時,發現他們使用的GBK編碼。而在.net core中默認不支持這種格式,導致取到的數據都是亂碼。我們需要nuget安裝System.Text.Encoding.CodePages。然後在Startup.cs的Configure裡面註冊:
Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);//註冊編碼提供程序
使用:
var htmlBytes = await http.GetByteArrayAsync(url); var htmlString = Encoding.GetEncoding("GBK").GetString(htmlBytes);
asp.net core 端口分配
asp.net core 默認端口都是5000。那麼我們運行第二個程序的時候就會提示5000端口被占用。這個時候,我們就需要為每個程序分配不同的端口瞭。
在根目錄新建一個json文件hosting.json
{ "server.urls": "http://*:5002" }
在Program.cs文件修改
public static void Main(string[] args) { var config = new ConfigurationBuilder() .SetBasePath(Directory.GetCurrentDirectory()) .AddJsonFile("hosting.json", optional: true) .Build(); var host = new WebHostBuilder() .UseKestrel() .UseConfiguration(config) .UseContentRoot(Directory.GetCurrentDirectory()) .UseIISIntegration() .UseStartup<Startup>() .UseApplicationInsights() .Build(); host.Run(); }
爬拉勾數據
在爬拉勾網的時候沒有搞定,不知道是不是因為https的原因。
using (HttpClient http = new HttpClient()) { var url = "https://www.lagou.com/zhaopin/Java/?labelWords=label"; var htmlString = await http.GetStringAsync(url); }
在.net core中報錯:An unhandled exception occurred while processing the request.
在.net 4.5 中抓到的數據是“頁面加載中…”。和瀏覽器訪問的結果不一樣。
170819搞定 https://github.com/zhaopeiym/JobWanted/blob/master/JobWanted/Controllers/JobsController.cs#L211 //拉勾網 後臺檢測瞭user-agent、X-Requested-With、Referer還會檢測list_是否有參數 http.DefaultRequestHeaders.Add("Referer", "https://www.lagou.com/jobs/list_.net"); http.DefaultRequestHeaders.Add("user-agent", "Mozilla/5.0"); http.DefaultRequestHeaders.Add("X-Requested-With", "XMLHttpRequest");
演示
http://haojima.net
http://socket.haojima.net
http://job.haojima.net
源碼
https://github.com/zhaopeiym/JobWanted
https://github.com/zhaopeiym/ChatRoom
https://github.com/zhaopeiym/BlogDemoCode
以上就是ASP.NET Core快速入門之實戰篇的詳細內容,更多關於ASP.NET Core實戰的資料請關註WalkonNet其它相關文章!
推薦閱讀:
- Nginx支持websocket的配置詳解
- Nginx源碼編譯安裝過程記錄
- 在MacOS+Linux+Nginx中發佈和部署Asp.Net Core
- Nginx配置SSL和WSS步驟介紹
- Nginx代理Partainer的具體使用