前言

Web端與服務(wù)器間的實(shí)時(shí)數(shù)據(jù)傳輸?shù)氖且粋€(gè)很重要的需求，但最早只能通過(guò)AJAX輪詢?cè)儗?shí)現(xiàn)。在WebSocket標(biāo)準(zhǔn)沒(méi)有推出之前，AJAX輪詢是唯一可行的方式(通過(guò)Flash瀏覽器也可以，但這里不做討論)。AJAX輪詢?cè)硎窃O(shè)置定時(shí)器，定時(shí)通過(guò)AJAX同步服務(wù)器數(shù)據(jù)。這種方式存在延時(shí)且對(duì)服務(wù)端造成很大負(fù)載。直到2011年，IETF才標(biāo)準(zhǔn)化WebSocket——一種基于TCP套接字進(jìn)行收發(fā)數(shù)據(jù)的協(xié)議?，F(xiàn)如今主流瀏覽器均已支持WebSocket。

socket.io將數(shù)據(jù)傳輸部分獨(dú)立出來(lái)形成了engine.io ,  engine.io對(duì)WebSocket和AJAX輪詢進(jìn)行封裝,形成一套API,屏蔽了細(xì)節(jié)差異和兼容性問(wèn)題,實(shí)現(xiàn)了跨瀏覽器/跨設(shè)備進(jìn)行雙向數(shù)據(jù)。

socket.io對(duì)engine.io不是必須的，你也可以實(shí)現(xiàn)自己的engine.io，通過(guò)server.bind綁定

應(yīng)用

• 實(shí)時(shí)數(shù)據(jù)分析展示(報(bào)表，日志)
• 即時(shí)通訊、聊天，
• 二進(jìn)制流(圖片，音樂(lè)，視頻)傳輸
• 多人協(xié)同編輯
• 即時(shí)消息推送
  

類似技術(shù)

• AJAX輪詢: 基于XMLHttpRequest的AJAX輪詢
• AJAX長(zhǎng)輪詢: 類似輪詢，服務(wù)器在客戶端請(qǐng)求后不返回響應(yīng)，直到有數(shù)據(jù)需要傳到客戶端，傳完數(shù)據(jù)后客戶端再發(fā)起新的請(qǐng)求。缺點(diǎn)是要額外傳輸?shù)腍TTP頭，保持住請(qǐng)求不響應(yīng)也需要一些額外工作。
• HTTP流: 與AJAX長(zhǎng)輪詢類似，服務(wù)端響應(yīng)會(huì)帶上HTTP頭: Transfer-Encoding: chunked，返回完數(shù)據(jù)到客戶端后客戶端也不需要發(fā)起新的請(qǐng)求，缺點(diǎn)是各個(gè)chunk之間的數(shù)據(jù)難以識(shí)別和處理。
• 插件: 類似Flash,Silverlight, 作為插件越來(lái)越被主流瀏覽器和用戶排斥
  

下面就不同角度對(duì)各技術(shù)進(jìn)行分析

• 單向/雙向
• 單向: AJAX輪詢，AJAX長(zhǎng)輪詢，HTTP流
• 雙向: WebSocket, 插件
• 延時(shí)
  

WebSocket < 插件 < HTTP流 < AJAX長(zhǎng)輪詢 < AJAX輪詢

1、效率

插件 > WebSocket > HTTP流 > AJAX長(zhǎng)輪詢 > AJAX輪詢

1、移動(dòng)端支持

WebSocket: 基本均支持

HTTP流,AJAX長(zhǎng)輪詢,AJAX輪詢: 基本均支持

插件: 基本不支持

1、開(kāi)發(fā)或設(shè)置難易程度

WebSocket < AJAX輪詢 < 插件 < AJAX長(zhǎng)輪詢，HTTP流

總結(jié)

socket.io封裝了WebSocket,不支持WebSocket的情況還提供了降級(jí)AJAX輪詢,功能完備，設(shè)計(jì)優(yōu)雅，是開(kāi)發(fā)實(shí)時(shí)雙向通訊的不二手段。

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論