webSocket通信协议

webSocket通信协议

webSocket和传统的“轮询”有所不同，体现的最大特点就是，服务器可以主动向客户端发送请求，客户端也可以向服务器发送请求，实现真正的平等对话。

其他特点包括

1. 建立在 TCP 协议之上，服务器端的实现比较容易。
2. 与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。
3. 数据格式比较轻量，性能开销小，通信高效。、可以发送文本，也可以发送二进制数据。
4. 没有同源限制，客户端可以与任意服务器通信。
5. 协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。

webSocket的API

WebSocket构造函数

作为一个构造函数用于新建WebSocket实例

var ws = new WebSocket("ws://localhost:8080")

webSocket.readyState

readtState是返回实例的当前状态，分别四个状态

• CONNECTING：值为0，表示正在连接。
• OPEN：值为1，表示连接成功，可以通信了。
• CLOSING：值为2，表示连接正在关闭。
• CLOSED：值为3，表示连接已经关闭，或者打开连接失败。

var ws = new WebSocket("ws://localhost:8080")；
ws.readyState;			//来查看当前的状态

webSocket.onopen

用于连接成功后的回调函数

ws.onopen = function () {
  console.log('回调成功')
}

如果要指定多个回调函数，可以使用addEventListener方法。

ws.addEventListener('open', function (event) {
  ws.send('Hello Server!');
});

后面的onclose、onmessage同理

webSocket.onclose

用于连接关闭后的回调函数

webSocket.onmessage

用于指定收到服务器数据后的回调函数。

webSocket.send()

实例对象的send()方法用于向服务器发送数据。

webSocket.bufferedAmount

实例对象的bufferedAmount属性，表示还有多少字节的二进制数据没有发送出去。它可以用来判断发送是否结束。

var data = new ArrayBuffer(10000000);
socket.send(data);

if (socket.bufferedAmount === 0) {
  // 发送完毕
} else {
  // 发送还没结束
}

webSocket.onerror

用于指定报错时的回调函数。