前言
Web端與服務器間的實時數據傳輸的是一個很重要的需求,但最早只能通過AJAX輪詢詢實現。在WebSocket標準沒有推出之前,AJAX輪詢是唯一可行的方式(通過Flash瀏覽器也可以,但這里不做討論)。AJAX輪詢原理是設置定時器,定時通過AJAX同步服務器數據。這種方式存在延時且對服務端造成很大負載。直到2011年,IETF才標準化WebSocket——一種基于TCP套接字進行收發數據的協議。現如今主流瀏覽器均已支持WebSocket。
socket.io將數據傳輸部分獨立出來形成了engine.io , engine.io對WebSocket和AJAX輪詢進行封裝,形成一套API,屏蔽了細節差異和兼容性問題,實現了跨瀏覽器/跨設備進行雙向數據。
socket.io對engine.io不是必須的,你也可以實現自己的engine.io,通過server.bind
綁定
應用
實時數據分析展示(報表,日志)
即時通訊、聊天,
二進制流(圖片,音樂,視頻)傳輸
多人協同編輯
即時消息推送
類似技術
AJAX輪詢: 基于XMLHttpRequest的AJAX輪詢
AJAX長輪詢: 類似輪詢,服務器在客戶端請求后不返回響應,直到有數據需要傳到客戶端,傳完數據后客戶端再發起新的請求。缺點是要額外傳輸的HTTP頭,保持住請求不響應也需要一些額外工作。
HTTP流: 與AJAX長輪詢類似,服務端響應會帶上HTTP頭: Transfer-Encoding: chunked
,返回完數據到客戶端后客戶端也不需要發起新的請求,缺點是各個chunk之間的數據難以識別和處理。
插件: 類似Flash,Silverlight, 作為插件越來越被主流瀏覽器和用戶排斥
下面就不同角度對各技術進行分析
單向/雙向
單向: AJAX輪詢,AJAX長輪詢,HTTP流
雙向: WebSocket, 插件
延時
WebSocket < 插件 < HTTP流 < AJAX長輪詢 < AJAX輪詢
1、效率
插件 > WebSocket > HTTP流 > AJAX長輪詢 > AJAX輪詢
1、移動端支持
WebSocket: 基本均支持
HTTP流,AJAX長輪詢,AJAX輪詢: 基本均支持
插件: 基本不支持
1、開發或設置難易程度
WebSocket < AJAX輪詢 < 插件 < AJAX長輪詢,HTTP流
總結
socket.io封裝了WebSocket,不支持WebSocket的情況還提供了降級AJAX輪詢,功能完備,設計優雅,是開發實時雙向通訊的不二手段。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com