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端的同事作的。

 

本文完。