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

来源: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
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...