客戶端與服務端長連接的幾種方式

来源:https://www.cnblogs.com/llcc/archive/2020/05/18/12908837.html
-Advertisement-
Play Games

一、ajax 輪詢實現原理:ajax 輪詢指客戶端每間隔一段時間向服務端發起請求,保持數據的同步。 優點:可實現基礎(指間隔時間較短)的數據更新。 缺點:這種方法也只是儘量的模擬即時傳輸,但並非真正意義上的即時通訊,很有可能出現客戶端請求時,服務端數據並未更新。或者服務端數據已更新,但客戶端未發起請 ...


一、ajax 輪詢
實現原理:ajax 輪詢指客戶端每間隔一段時間向服務端發起請求,保持數據的同步。

優點:可實現基礎(指間隔時間較短)的數據更新。

缺點:這種方法也只是儘量的模擬即時傳輸,但並非真正意義上的即時通訊,很有可能出現客戶端請求時,服務端數據並未更新。或者服務端數據已更新,但客戶端未發起請求。導致多次請求資源浪費,效率低下。

二、long poll 長輪詢
實現原理:
long poll 指的是客戶端發送請求之後,如果沒有數據返回,服務端會將請求掛起放入隊列(不斷開連接)處理其他請求,直到有數據返回給客戶端。然後客戶端再次發起請求,以此輪詢。在 HTTP1.0 中客戶端可以設置請求頭 Connection:keep-alive,服務端收到該請求頭之後知道這是一個長連接,在響應報文頭中也添加 Connection:keep-alive。客戶端收到之後表示長連接建立完成,可以繼續發送其他的請求。在 HTTP1.1 中預設使用了 Connection:keep-alive 長連接。

優點:減少客戶端的請求,降低無效的網路傳輸,保證每次請求都有數據返回,不會一直占用線程。

缺點:無法處理高併發,當客戶端請求量大,請求頻繁時對伺服器的處理能力要求較高。伺服器一直保持連接會消耗資源,需要同時維護多個線程,伺服器所能承載的 TCP 連接數是有上限的,這種輪詢很容易把連接數頂滿。每次通訊都需要客戶端發起,服務端不能主動推送。

三、iframe 長連接

實現原理:
在網頁上嵌入一個 iframe 標簽,該標簽的 src 屬性指向一個長連接請求。這樣服務端就可以源源不斷地給客戶端傳輸信息。保障信息實時更新。

優點:消息及時傳輸。

缺點:消耗伺服器資源。

四、WebSocket
實現原理:
Websocket 實現了客戶端與服務端的雙向通信,只需要連接一次,就可以相互傳輸數據,很適合實時通訊、數據實時更新等場景。

Websocket 協議與 HTTP 協議沒有關係,它是一個建立在 TCP 協議上的全新協議,為了相容 HTTP 握手規範,在握手階段依然使用 HTTP 協議,握手完成之後,數據通過 TCP 通道進行傳輸。

Websoket 數據傳輸是通過 frame 形式,一個消息可以分成幾個片段傳輸。這樣大數據可以分成一些小片段進行傳輸,不用考慮由於數據量大導致標誌位不夠的情況。也可以邊生成數據邊傳遞消息,提高傳輸效率。

與 HTTP 的區別:
以下是一個 WebSoket 協議的請求響應報文頭,與 HTTP 協議的區別是:

URL是以 ws: 開頭,如果是對應的 HTTPS,則以 wss: 開頭。WebSocket 使用 ws 或 wss 為統一資源標誌符,其中 wss 表示在 TLS 之上的 Websocket。

Status Code:101。該狀態碼表示協議切換。伺服器返回了 101 ,表示沒有釋放 TCP 連接。WebSoket 協議握手階段還是依賴於 HTTP 協議,到數據傳輸階段便切換協議。

Conection:upgrade,表示協議升級。在 HTTP 協議中,該請求頭有兩個值,一個是 close , HTTP/1.0 預設值,表示客戶端或服務端想要關閉連接。另一個是 keep-alive,HTTP/1.1 預設值,表示長連接。

以下頭部欄位是只有 WebSocket 協議才有的欄位。
請求頭:
Sec-WebSocket-Extension:表示客戶端協商的拓展特性。
Sec-WebSocket-Key:是一個 Base64 encode 的密文,由瀏覽器隨機生成,用來驗證是否是 WebSocket 協議。
Sec-WebSocket-Version:表示 WebSocket 協議版本。

響應頭:
Sec-WebSocket-Extension:表示服務端支持的拓展特性。
Sec-WebSocket-Accept:與客戶端的 Sec-WebSocket-Key 相對應,是經過伺服器確認,加密過後的 Sec-WebSocket-Key。

優點:

雙向通信。客戶端和服務端雙方都可以主動發起通訊。
沒有同源限制。客戶端可以與任意服務端通信,不存在跨域問題。
數據量輕。第一次連接時需要攜帶請求頭,後面數據通信都不需要帶請求頭,減少了請求頭的負荷。
傳輸效率高。因為只需要一次連接,所以數據傳輸效率高。
缺點:

長連接需要後端處理業務的代碼更穩定,推送消息相對複雜;
長連接受網路限制比較大,需要處理好重連。
相容性,WebSocket 只支持 IE10 及其以上版本。
伺服器長期維護長連接需要一定的成本,各個瀏覽器支持程度不一;
成熟的 HTTP 生態下有大量的組件可以復用,WebSocket 則沒有,遇到異常問題難以快速定位快速解決。


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

-Advertisement-
Play Games
更多相關文章
  • `webpackChunkName` 是為預載入的文件取別名,`webpackPrefetch` 會在瀏覽器閑置下載文件,`webpackPreload` 會在父 chunk 載入時並行下載文件。 ...
  • `filename` 指**列在** `entry` 中,打包後輸出的文件的名稱。`chunkFilename` 指**未列在** `entry` 中,卻又需要被打包出來的文件的名稱。 ...
  • 說實話我剛開始看 webpack 文檔的時候,對這 3 個名詞雲里霧裡的,感覺他們都在說打包文件,但是一會兒 chunk 一會兒 bundle 的,逐漸就迷失在細節里了,所以我們要跳出來,從巨集觀的角度來看這幾個名詞。 ...
  • 本項目演示地址:https://husilang.github.io/zm-ui 項目參考文章:從零開始搭建Vue組件庫 VV-UI 項目的初衷是學習怎麼封裝一個基於Vue的UI組件庫,順便記錄每個步驟,以及在此過程中遇到的難點及體會。 下麵是我個人的一個項目搭建流程,希望能幫助大家。 ①腳手架初始 ...
  • # 3.border和background - border-radius border-radius:上左 上右 下右 下左 border-radius:上左下右 上右下左 border-radius:上左 上右下左 下右 border-top-left-radius:10px 10px; bor ...
  • 常用 "CSS選擇器" 查看地址 (https://www.cnblogs.com/hleisurely/p/12836777.html) 1.選擇器的優先順序 !important的優先順序別最高 權重值為1111 用來提升某個直接選中標簽的選擇器中某個屬性的優先順序的,可以將被指定的屬性的優先順序提升為 ...
  • 前言 Deno 已經正式發佈了! 我說這句話時候,是不是很多前端 和 NodeJS 工(碼)程(農)師已經按不住自己的40米大刀了。心中的不僅感慨前端是真的會造輪子,有了 node 還不夠嗎,還沒學會 node 又搞了個 deno,node 和 deno 啥區別?! 的確,deno 和 node 形 ...
  • 今天給大家整理出來了web前端工程師初級階段需要掌握的內容,很全面,希望大家好好閱讀,看看自己掌握的知識點和文章裡面寫的還相差多少。 什麼是初級web前端工程師? 初級前端工程師:首先要知道的就是如何處理各種瀏覽器的相容處理(比如說在IE瀏覽器中的createElement有什麼不同等等內容),現在 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...