Vue系列：Websocket 使用配置

WebSocket 是什麼？

WebSocket  是一種網絡通訊協議。並且是在 HTML5 纔開始提供的一種在單個 TCP 鏈接上進行全雙工通信的協議。

 

爲何須要 WebSocket ？

瞭解計算機網絡協議的人，應該都知道：HTTP 協議是一種無狀態的、無鏈接的、單向的應用層協議。

HTTP的弊端：沒法實現服務器主動向客戶端發起消息，它不支持持久鏈接的。

在websocket以前，傳統的實現長輪詢方法主要有： http long poll 或者ajax輪詢。但輪詢的效率低，很是浪費資源（由於必須不停鏈接，或者 HTTP 鏈接始終打開）。

 

如何配置 WebSocket ？

本篇主要講解客戶端的配置。並且沒有必要爲 WebSockets 使用 JavaScript 庫。

實現 WebSockets 的 Web 瀏覽器將經過 WebSockets 對象公開全部必需的客戶端功能（主要指支持 Html5 的瀏覽器）。

 

如下 API 用於建立 WebSocket 對象。

以上代碼中的第一個參數 url, 指定鏈接的 URL。第二個參數 protocol 是可選的，指定了可接受的子協議。

 

具體配置代碼以下：