websocket筆記

本文爲原創，轉載請註明出處： cnzt       文章：cnzt-p

http://www.cnblogs.com/zt-blog/p/6742746.html 

 

websocket -- 雙向通訊網絡協議。

 

1. js代碼以下：

客戶端發送和接收的數據都是字符串形式的，須要和JSON互相轉換！

 1 var ws = new WebSocket("ws://XXX.com/aaa/bbb"); 
 2             ws.onopen = function(){
 3                 ws.send(JSON.stringify({"userId":userId})); 
 4             }; 
 5             ws.onmessage = function(data){
 6                 console.log(data.data);
 7 
 8                 
 9             }; 
10             ws.onclose = function(data){
11                 console.log("WebSocket Closed!");
12             }; 
13             ws.onerror = function(data){
14                 console.log("WebSocket Error!");
15             };
16 
17 
18 //ws && ws.close();

 

 

2. 鏈接創建成功的信息以下，狀態碼 -- 101 Switching Protocols

 

 

3. chrome查看通訊消息方法：  查看Frames tab窗口，會看到雙向通訊的內容，既有客戶端send給server的，也有server推送給客戶端的。

 

4. 查看鏈接狀態：websocket是長鏈接，當鏈接還沒斷開時，在Timing tab窗口裏會看到一句話，CUATION: request is not finished yet!  若鏈接斷開了，則這句話不顯示。

 

5. 鏈接什麼時候斷開：

　　server斷開 or client端斷開

 

結語： 這東西前端邏輯很簡單，server端作的工做多一點，包括鏈接是否成功以及各類錯誤的排查等都是server端的同事作的。

 

本文完。