帶你認識HTML5中的WebSocket

在HTML5 規範中，我最喜歡的Web技術就是正迅速變得流行的WebSocket API。 WebSocket 提供了一個受歡迎的技術，以替代我們過去幾年一直在用的Ajax技術。這個新的API提供了一個方法，從客戶端使用簡單的語法有效地推動消息到服務器。讓我們看一看HTML5 的WebSocket API：它可用於客戶端、服務器端。而且有一個優秀的第三方API，名為Socket.IO。

WebSocket API是下一代客戶端-服務器的異步通信方法。該通信取代了單個的TCP套接字，使用ws或wss協議，可用於任意的客戶端和服務器程序。 WebSocket目前由W3C進行標準化。 WebSocket已經受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等瀏覽器的支持。

WebSocket API最偉大之處在於服務器和客戶端可以在給定的時間範圍內的任意時刻，相互推送信息。 WebSocket並不限於以Ajax(或XHR)方式通信，因為Ajax技術需要客戶端發起請求，而WebSocket服務器和客戶端可以彼此相互推送信息；XHR受到域的限制，而WebSocket允許跨域通信。

Ajax技術很聰明的一點是沒有設計要使用的方式。 WebSocket為指定目標創建，用於雙向推送消息。

只專注於客戶端的API，因為每個服務器端語言有自己的API。下面的代碼片段是打開一個連接，為連接創建事件監聽器，斷開連接，消息時間，發送消息返回到服務器，關閉連接。