認(rèn)識(shí) HTML5 的 WebSocket

在 HTML5 規(guī)范中，我最喜歡的Web技術(shù)就是正迅速變得流行的 WebSocket API。WebSocket 提供了一個(gè)受歡迎的技術(shù)，以替代我們過(guò)去幾年一直在用的Ajax技術(shù)。這個(gè)新的API提供了一個(gè)方法，從客戶(hù)端使用簡(jiǎn)單的語(yǔ)法有效地推動(dòng)消息到服務(wù)器。讓我們看一看 HTML5 的 WebSocket API：它可用于客戶(hù)端、服務(wù)器端。而且有一個(gè)優(yōu)秀的第三方API，名為Socket.IO。

一、HTML5 中的 WebSocket API 是個(gè)什么東東？

WebSocket API是下一代客戶(hù)端-服務(wù)器的異步通信方法。該通信取代了單個(gè)的TCP套接字，使用ws或wss協(xié)議，可用于任意的客戶(hù)端和服務(wù)器程序。WebSocket目前由W3C進(jìn)行標(biāo)準(zhǔn)化。WebSocket已經(jīng)受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等瀏覽器的支持。

WebSocket API最偉大之處在于服務(wù)器和客戶(hù)端可以在給定的時(shí)間范圍內(nèi)的任意時(shí)刻，相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信，因?yàn)锳jax技術(shù)需要客戶(hù)端發(fā)起請(qǐng)求，而WebSocket服務(wù)器和客戶(hù)端可以彼此相互推送信息；XHR受到域的限制，而WebSocket允許跨域通信。

Ajax技術(shù)很聰明的一點(diǎn)是沒(méi)有設(shè)計(jì)要使用的方式。WebSocket為指定目標(biāo)創(chuàng)建，用于雙向推送消息。

二、HTML5 中的 WebSocket API 的用法

只專(zhuān)注于客戶(hù)端的API，因?yàn)槊總€(gè)服務(wù)器端語(yǔ)言有自己的API。下面的代碼片段是打開(kāi)一個(gè)連接，為連接創(chuàng)建事件監(jiān)聽(tīng)器，斷開(kāi)連接，消息時(shí)間，發(fā)送消息返回到服務(wù)器，關(guān)閉連接。

發(fā)表評(píng)論 共有條評(píng)論 用戶(hù)名: 密碼: 驗(yàn)證碼: 匿名發(fā)表