webSocket通信协议
webSocket和传统的“轮询”有所不同,体现的最大特点就是,服务器可以主动向客户端发送请求,客户端也可以向服务器发送请求,实现真正的平等对话。
其他特点包括
- 建立在 TCP 协议之上,服务器端的实现比较容易。
- 与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。
- 数据格式比较轻量,性能开销小,通信高效。、可以发送文本,也可以发送二进制数据。
- 没有同源限制,客户端可以与任意服务器通信。
- 协议标识符是
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
用于指定报错时的回调函数。