WebSocket通信協議 API簡介

WebSocket是html5新增加的一種通信協議，目前流行的瀏覽器都支持這個協議，例如 Chrome，Safari，Firefox，Opera，IE等等，對該協議支持最早的應該是chrome，從chrome12就已經開始支持，隨着協 議草案的不斷變化，各個瀏覽器對協議的實現也在不停的更新。該協議還是草案，沒有成為標准，不過成為標准應該只是時間問題了，從WebSocket草案的 提出到現在已經有十幾個版本了，目前最新的是版本17，所對應的協議版本號為13，目前對該協議支持最完善的瀏覽器應該是chrome，畢竟 WebSocket協議草案也是Google發布的。

1.     WebSocket API簡介

首先看一段簡單的javascript代碼，該代碼調用了WebSockets的API。

var ws = new WebSocket(“ws://echo.websocket.org”);  

ws.onopen = function(){ws.send(“Test!”); };  

ws.onmessage = function(evt){console.log(evt.data);ws.close();};  

ws.onclose = function(evt){console.log(“WebSocketClosed!”);};  

ws.onerror = function(evt){console.log(“WebSocketError!”);};  

這份代碼總共只有5行，現在簡單概述一下這5行代碼的意義。

第一行代碼是在申請一個WebSocket對象，參數是需要連接的服務器端的地址，同http協議使用http://開頭一樣，WebSocket協議的URL使用ws://開頭，另外安全的WebSocket協議使用wss://開頭。

第二行到第五行為WebSocket對象注冊消息的處理函 數，WebSocket對象一共支持四個消息 onopen, onmessage, onclose和onerror，當Browser和WebSocketServer連接成功后，會觸發onopen消息；如果連接失敗，發送、接收數據 失敗或者處理數據出現錯誤，browser會觸發onerror消息；當Browser接收到WebSocketServer發送過來的數據時，就會觸發 onmessage消息，參數evt中包含server傳輸過來的數據；當Browser接收到WebSocketServer端發送的關閉連接請求時， 就會觸發onclose消息。我們可以看出所有的操作都是采用消息的方式觸發的，這樣就不會阻塞UI，使得UI有更快的響應時間，得到更好的用戶體驗。