websocket笔记

本文为原创，转载请注明出处： cnzt       文章：cnzt-p

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

 

websocket -- 双向通信网络协议。

 

1. js代码如下：

客户端发送和接收的数据都是字符串形式的，需要和JSON互相转换！

var ws = new WebSocket("ws://XXX.com/aaa/bbb"); 
            ws.onopen = function(){
                ws.send(JSON.stringify({"userId":userId})); 
            }; 
            ws.onmessage = function(data){
                console.log(data.data);

                
            }; 
            ws.onclose = function(data){
                console.log("WebSocket Closed!");
            }; 
            ws.onerror = function(data){
                console.log("WebSocket Error!");
            };


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

 

本文完。