WebSocket API怎么使用

這篇文章主要介紹“WebSocket API怎么使用”，在日常操作中，相信很多人在WebSocket API怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”WebSocket API怎么使用”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

 屬性

WebSocket有兩個(gè)屬性，分別是readyState和bufferedAmount，其中bufferedAmount是作為連接緩沖用的，而WebSocket服務(wù)的readyState一共有以下4種狀態(tài)。

? CONNECTING（值為數(shù)字0）。表示正在連接，尚未連接成功，這里有一個(gè)網(wǎng)絡(luò)通信的握手過程。

注意，任何一個(gè)連接開始的時(shí)候，其狀態(tài)都必須是CONNECTING=0。如果ready-State一直是CONNECTING狀態(tài)，就會(huì)報(bào)出INVALID_STATE_ERR異常。

? OPEN（值為數(shù)字1）。表示連接已經(jīng)成功，可以通信了。這里的連接是長(zhǎng)連接、持久連接。

? CLOSING（值為數(shù)字2）。表示連接準(zhǔn)備被斷開，握手將被取消。

? CLOSED（值為數(shù)字3）。表示連接已經(jīng)斷開，可以從服務(wù)器端斷開，也可以從客戶端斷開。

URL

URL屬性都是一樣的，哪怕是訪問同源網(wǎng)站（這里的URL地址必須是絕對(duì)地址）。例如：

var Socket = new WebSocket('ws://www.test.com/');

哪怕本身這個(gè)發(fā)起WebSocket連接的地址就是www.test.com，也必須以ws://www.test.com為連接目標(biāo)，否則就是錯(cuò)誤的。

以下三種形式都是錯(cuò)誤的：

var Socket = new WebSocket('/');

var Socket = new WebSocket('C:\www.test.com');

var Socket = new WebSocket('http://www.test.com');

以下兩種形式都是允許的、正確的：

var Socket = new WebSocket('ws://www.test.com/updates');

var Socket = new WebSocket('ws://www.test.com/updates:8080');

事件

具體的事件說明如下，其中send()方法基于成功的連接傳送數(shù)據(jù)，其參數(shù)必須是字符串（string）格式。

事件句柄 事件類型 解釋

onopen open 連接打開

onmessage message 用于接受從服務(wù)器傳來的信息

onerror error 當(dāng)出現(xiàn)連接中的各種錯(cuò)誤時(shí)，用于容錯(cuò)處理和排查

onclose close 連接關(guān)閉或斷開

send send 基于成功的連接傳送數(shù)據(jù)

這里需要注意，bufferedAmount屬性作為還沒有發(fā)送到網(wǎng)絡(luò)中的最后一個(gè)待執(zhí)行的事件輪詢?nèi)蝿?wù)，必須返回正在隊(duì)列中的（準(zhǔn)備發(fā)送出去的）基于UTF-8格式文本的字節(jié)數(shù)量。（這包括在當(dāng)前任務(wù)的執(zhí)行中發(fā)送的文本，不論客戶端是否能夠異步傳輸文本。）

如果連接是關(guān)閉的，這個(gè)屬性的值將僅增加每次使用send方法帶來的數(shù)字變化（一旦連接關(guān)閉，該數(shù)字不能被初始化為0）。

在下面這個(gè)簡(jiǎn)單的例子中，bufferedAmount屬性用于確保能夠保持在每50ms一次更新的頻率（如果網(wǎng)絡(luò)能保持這個(gè)速率），如果這個(gè)速率太快，那么采用其他能夠有保證的速率也可以：

var Socket = new WebSocket('ws://www.test.com:12010/updates');

Socket.onopen = function(){

setInterval(function(){

if(Socket.bufferedAmount == 0)

Socket.send(getUpdateData());

}, 50);

};

到此，關(guān)于“WebSocket API怎么使用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！