快捷導(dǎo)航

socket.io學(xué)習(xí)教程之基礎(chǔ)介紹（一）

更新時(shí)間：2017年04月29日 16:49:24 作者：sigoden

socket.io提供了基于事件的實(shí)時(shí)雙向通訊，所以下面這篇文章主要介紹了關(guān)于socket.io的相關(guān)資料，主要介紹了學(xué)習(xí)socket.io的基礎(chǔ)知識(shí)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。

前言

Web端與服務(wù)器間的實(shí)時(shí)數(shù)據(jù)傳輸?shù)氖且粋€(gè)很重要的需求，但最早只能通過(guò)AJAX輪詢(xún)?cè)儗?shí)現(xiàn)。在WebSocket標(biāo)準(zhǔn)沒(méi)有推出之前，AJAX輪詢(xún)是唯一可行的方式(通過(guò)Flash瀏覽器也可以，但這里不做討論)。AJAX輪詢(xún)?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輪詢(xún)進(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í)消息推送

類(lèi)似技術(shù)

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

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