ASP.NET Core的實時庫: SignalR -- 預備知識

来源:https://www.cnblogs.com/cgzl/archive/2018/08/21/9509207.html
-Advertisement-
Play Games

ASP.NET Core的實時庫: SignalR -- 預備知識 ...


大綱

本系列會分為2-3篇文章.

  • 第一篇介紹SignalR的預備知識和原理
  • 然後會介紹SignalR和如何在ASP.NET Core里使用SignalR.

 

本文的目錄如下:

 

實時Web簡述

大家都見過和用過實時Web, 例如網頁版的即時通訊工具, 網頁直播, 網頁游戲, 還有股票儀錶板等等.

 

傳統的Web應用是這樣工作的:

瀏覽器發送HTTP請求到ASP.NET Core Web伺服器, 如果一切順利的話, Web伺服器會處理請求並返迴響應, 在Payload裡面會包含所請求的數據.

 

但是這種工作方式對實時Web是不靈的. 實時Web需要伺服器可以主動發送消息給客戶端(可以是瀏覽器):

Web伺服器可以主動通知客戶端數據的變化, 例如收到了新的對話消息.

 

"底層"技術

而SignalR使用了三種"底層"技術來實現實時Web, 它們分別是Long Polling, Server Sent Events 和 Websocket.

首先, 得知道什麼是Ajax. 這個就不介紹了.

 

Long Polling

Polling

介紹Long Polling之前, 首先介紹一下Polling.

Polling是實現實時Web的一種笨方法, 它就是通過定期的向伺服器發送請求, 來查看伺服器的數據是否有變化.

如果伺服器數據沒有變化, 那麼就返回204 No Content; 如果有變化就把最新的數據發送給客戶端:

下麵是Polling的一個實現, 非常簡單:

就看這個Controller的Get方法即可. 用到了MyService, 它在項目里是單例的. 它的方法非常簡單:

MyService就是做了一個全局的Count, 它的GetLatestCount會返回最新的Count.

 

Controller裡面的代碼意思是: 如果Count > 6 就返回一個對象, 裡面包含count的值和傳進來的id; 如果 count > 10, 還要返回一個finished標誌.

 

看一下前端代碼:

也是非常的簡單, 點擊按鈕後定時發送請求, 如果有結果就顯示最新count值; 如果有finished標誌, 就顯示最新值和已結束.

註意這裡使用的是fetch API.

 

運行項目, count > 6的時候:

count > 10的時候結束:

這就是Polling, 很簡單, 但是比較浪費資源.

SignalR沒有採用Polling這種技術.

 

Long Polling

Long Polling和Polling有類似的地方, 客戶端都是發送請求到伺服器. 但是不同之處是: 如果伺服器沒有新數據要發給客戶端的話, 那麼伺服器會繼續保持連接, 直到有新的數據產生, 伺服器才把新的數據返回給客戶端.

如果請求發出後一段時間內沒有響應, 那麼請求就會超時. 這時, 客戶端會再次發出請求.

 

例子, Controller的代碼稍有改動:

改動的目的就是在符合要求的數據出現之前, 保持連接開放.

 

前端也有一些改動:

pollWithTimeout方法使用了race, 如果請求後超過9秒沒有響應, 那麼就返回超時錯誤.

poll裡面, 如果請求返回的結果是200, 那麼就更新UI. 但是如果沒有finished標誌, 就繼續發出請求.

 

運行:

可以看到只有一個請求, 請求的時間很長, 標識連接開放了很長時間.

 

這裡需要註意的一點是, 伺服器的超時時長和瀏覽器的超時時長可能不一樣.

 

前邊介紹的Polling和Long Polling都是HTTP請求, 這其實並不是很適合.

下麵介紹稍微一個好點的技術: 

 

Server Sent Events (SSE)

使用SSE的話, Web伺服器可以在任何時間把數據發送到瀏覽器, 可以稱之為推送. 而瀏覽器則會監聽進來的信息, 這些信息就像流數據一樣, 這個連接也會一直保持開放, 直到伺服器主動關閉它.

瀏覽器會使用一個叫做EventSource的對象用來處理傳過來的信息.

 

 

 例子, 這和之前的代碼有很多地方不同, 用到了Reponse:

註意SSE返回數據的只能是字元串, 而且以data:開頭, 後邊要跟著換行符號, 否則EventSource會失敗.

 

客戶端:

這個就很簡單了, 使用EventSource的onmessage事件. 前一個請求等到響應回來後, 會再發出一個請求.

 

運行:

 

這個EventSource要比Polling和Long Polling好很多.

它有以下優點: 使用簡單(HTTP), 自動重連, 雖然不支持老瀏覽器但是很容易polyfill.

而缺點是: 很多瀏覽器都有最大併發連接數的限制, 只能發送文本信息, 單向通信.

 

Web Socket

Web Socket是不同於HTTP的另一個TCP協議. 它使得瀏覽器和伺服器之間的互動式通信變得可能. 使用WebSocket, 消息可以從伺服器發往客戶端, 也可以從客戶端發往伺服器, 並且沒有HTTP那樣的延遲. 信息流沒有完成的時候, TCP Socket通常是保持打開的狀態.

使用線代瀏覽器時, SignalR大部分情況下都會使用Web Socket, 這也是最有效的傳輸方式. 

全雙工通信: 客戶端和伺服器可以同時往對方發送消息.

並且不受SSE的那個瀏覽器連接數限制(6個), 大部分瀏覽器對Web Socket連接數的限制是50個.

消息類型: 可以是文本和二進位, Web Socket也支持流媒體(音頻和視頻).

其實正常的HTTP請求也使用了TCP Socket. Web Socket標準使用了握手機制把用於HTTP的Socket升級為使用WS協議的 WebSocket socket.

 

生命周期

Web Socket的生命周期是這樣的:

所有的一切都發生在TCP Socket裡面, 首先一個常規的HTTP請求會要求伺服器更新Socket並協商, 這個叫做HTTP握手. 然後消息就可以在Socket里來回傳送, 直到這個Socket被主動關閉. 在主動關閉的時候, 關閉的原因也會被通信.

 

HTTP 握手

每一個Web Socket開始的時候都是一個簡單的HTTP Socket.

客戶端首先發送一個GET請求到伺服器, 來請求升級Socket. 

如果伺服器同意的話, 這個Socket從這時開始就變成了Web Socket.

 

這個請求的示例如下:

第一行表明這就是一個HTTP GET請求.

Upgrade 這個Header表示請求升級socket到Web Socket.

Sec-WebSocket-Key, 也很重要, 它用於防止緩存問題, 具體請查看官方文檔.

 

伺服器理解並同意請求以後, 它的響應如下:

返回101狀態碼, 表示切換協議.

如果返回的不是101, 那麼瀏覽器就會知道伺服器沒有處理WebSocket的能力.

此外Header裡面還有Upgrade: websocket.

Sec-WebSocket-Accept是配合著Sec-WebSocket-Key來運作的, 具體請查閱官方文檔.

 

消息類型

Web Socket的消息類型可以是文本, 二進位. 也包括控制類的消息: Ping/Pong, 和關閉.

每個消息由一個或多個Frame組成:

所有的Frame都是二進位的. 所以文本的話, 就會首先轉化成二進位.

 

Frame 有若幹個Header bits.

有的可以表示這個Frame是否是消息的最後一個Frame;

有的可以表示消息的類型.

有的可以表示消息是否被掩蔽了. 客戶端到伺服器的消息被掩蔽了, 為了防止緩存投毒(使用惡意數據替換緩存).

有的可以設置payload的長度, payload會占據frame剩下的地方.

 

實際上用的時候, 你基本不會觀察到frame, 它是在後臺處理的, 你能看到的就是完整的消息.

但是在瀏覽器調試的時候, 你看到的是frame挨個傳遞進來而不是整個消息.

 

看下例子:

首先ASP.NET Core項目里已經內置了WebSocket, 但是需要配置和使用這個中間件, 在Startup:

這裡我們設置了每隔120秒就ping一下. 還設置用於接收和解析frame的緩存大小. 其實這兩個值都是預設的值.

 

修改後的Controller:

這裡需要註入HttpContextAccessor. 然後判斷請求是否是WebSocket請求, 如果是的話, 客戶端會收到回覆, 這時Socket就升級完成了. 升級完返回一個webSocket對象, 然後我把events通過它發送出去. 隨後我關閉了webSocket, 並指明瞭原因NormalClosure.

 

然後看看SendEvents方法:

這裡的重點就是webSocket對象的SendAsync方法. 我需要把數據轉化成buffer進行傳送. 數據類型是Text. 具體參數請查看文檔.

 

看一下客戶端:

也很簡單, 這裡有一個WebSocket對象, 註意這裡的url開頭是ws而不是http, 還有一個wss, 就先當與http里的https.

然後eventhandler和SSE的差不多. 返回的json數據需要先parse, 然後再使用.

 

本文先到這, 隨後再介紹下SignalR和用法即可.


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、列表和集合 二、字典 1 #Author:CGQ 2 #key-value 3 #版本3.6以後dica字典是有序的 4 info={ 5 '123456':"Ren Gong", 6 '123457':"Luan Gong", 7 '123458':"Xiao Gong", 8 } 9 inf ...
  • 問題抽象:當某個操作的執行必須依賴於另一個操作的完成時,需要有個機制來保證這種先後關係。線程通信方案:ManualResetEventSlim、ManualResetEvent、AutoResetEvent方案特性:提供線程通知的能力,沒有接到通知前,線程必須等待,有先後順序。 1、ManualRe ...
  • Wtf(暫時命名,隨便起的 = _=),模仿WPF的框架,還沒有完善,只有簡單的基礎元素,支持數據綁定。雖然支持mono但是mono有bug 寫這個只是興趣愛好,感覺也沒多大意義了,如果這個UI框架完善了,有多少人願意用?畢竟Windows上有WPF,而且C#跨平臺需求也不多啊。我對WPF也不算熟悉 ...
  • 冒泡排序的運行原理(好理解): 備註:上述講解來自 維基百科 冒泡排序 代碼如下(從大到小排序): ...
  • 問題抽象:當某一資源同一時刻允許一定數量的線程使用的時候,需要有個機制來阻塞多餘的線程,直到資源再次變得可用。線程同步方案:Semaphore、SemaphoreSlim、CountdownEvent方案特性:限量供應;除所有者外,其他人無條件等待;先到先得,沒有先後順序 1、Semaphore類 ...
  • 使用場景 最近用 .net core mvc 寫了一個工具類的項目,作為我們項目的後臺管理網站使用。第一次被老大拿去部署的時候被告知不可用,同樣的代碼在我電腦和我的iis上都可以使用的啊。 後來才知道,原來老大是把這個項目作為某一個項目的應用程式發佈上去了,在使用過程中會有一個目錄問題。 解決方案一 ...
  • /// <summary> /// 根據條件,使用存儲過程分頁查詢電影 /// </summary> /// <param name="name"></param> /// <param name="time"></param> /// <param name="size"></param> /// ...
  • 一、前言 開發環境: 部署環境 ASP.NET Core 示例項目 項目創建完成後,需要修改Program.cs文件手動指定啟動的Url為:http://*:5000 http://*:5000 可以相容 http://localhost:5000,http://127.0.0.1:5000,htt ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...