WebSocket的使用

为什么使用WebSocket

• 通常的浏览器通信协议为HTTP协议，在HTTP协议中要想实现通信，必须是客户端发起请求，等待服务器接收请求之后，再发回响应信息，这种情况下通信效率比较低。并且无法实现服务器向客户端发送信息
• 如果服务器存在连续的状态变化，客户端必须使用轮询的方法来进行通信。每隔一段时间，就发起一个询问，了解服务器有没有新的变化
• WebSocket最大的特点就是可以由服务器发送消息，客户端来进行接收，也可以实现客户端发送消息，由服务器端进行接收，实现双向的信息通信

WebSocket的特点

• 建立在TCP协议之上，服务器端实现较为简单
• 与HTTP有着良好的兼容性，可以使用端口号80与443，在握手期间使用HTTP协议，握手期间不会屏蔽HTTP协议，能通过各种HTTP代理服务器
• 数据格式比较轻量，性能开销小，通信高效
• 可以发送文本，也可以发送二进制数据
• 没有同源限制，客户端可以与任意服务器端建立连接
• 协议标识为ws，加密为wss

WebSocket客户端API

• WebSocket构造函数：new WebSocket()
• webSocket.readyState：返回实例对象当前状态

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

• webSocket.onopen：用于指定连接成功之后的回调函数，当指定多个回调函数时使用addEventListener
• webSocket.onclose：用于指定连接关闭之后的回调函数
• webSocket.onmessage：用于指定收到服务器数据之后的回调函数
• webSocket.send：向服务器发送数据
• webSocket.bufferedAmount：表示还有多少字节的二进制数据没有发送出去，用于判断发送是否结束
• webSocket.onerror：用于指定报错时的回调函数