socket.io學習教程之基礎介紹（一）

前言

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輪詢,功能完備，設計優雅，是開發實時雙向通訊的不二手段。

好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。