WebSocket

1.什么是webSocket

webSocket协议是HTML5的一种通信协议，该协议兼容我们常用的浏览器。例如Chrome、Firefox、IE等。它可以使客户端和服务端双向数据传输更加简单快捷，并且在TCP连接进行一次握手后，就可以持久性连接，同时允许服务端对客户端推送数据。外加传统模式的协议一般HTTP请求可能会包含较长的头部，但真正有效的可能只有小部分，从而占用了很多资源和带宽。因此WebSocket协议不仅实时通讯，支持扩展；也可以压缩节省服务器资源和带宽。WS协议和WSS协议两个均是WebSocket协议的SCHEM，两者一个是非安全的，一个是安全的。也是统一的资源标识符。其中WSS表示TLS之上的WebSocket。WS一般默认是80端口，而WSS默认是443端口。

2.vue如何实现webSocket

首先每次连接都会对应一个连接ID，这里我称为connectId，编写一个随机id生成函数

接着我们建立一个websocket连接

在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样可能会发生服务器会继续向客户端发送数据，并且这些数据会丢失。所以需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳，检测链接的状态。

本文由 在线网速测试 整理编辑，转载请注明出处，原文链接：https://www.wangsu123.cn/news/19307.html。