Websocket

最新推荐文章于 2024-11-01 14:55:25 发布

仰望星空hosizora

最新推荐文章于 2024-11-01 14:55:25 发布

阅读量268

点赞数 3

文章标签： websocket 网络协议网络

本文链接：https://blog.csdn.net/weixin_47032028/article/details/138669393

版权

什么是Websocket？

websocket支持端对端通讯，建立TCP连接完成握手后，可以与服务端建立持久连接，服务端可以给客户端发送消息，客户端也可以给服务端发送消息。

为什么会有websocket?

http是请求-响应模式，请求在前，响应在后，这就导致了服务器无法主动发送消息给客户端。

websocket适用场景：消息通知，直播间讨论区，聊天室，协同编辑。

websocket缺点：兼容性（HTML5新增，不支持老浏览器）；因为维持TCP连接需要耗费资源，所以不适用消息量少的场景，否则会造成资源浪费。

Websocket出现前的解决方案

短轮询：客户端每隔一段时间就向服务器发送请求，询问有没有新的数据。

特点：实现简单，只需要设置一个定时器；但是会频繁建立关闭连接，发送大量无意义请求，且实时性并不高

长轮询：客户端发起请求，服务端阻塞不会立即返回，等有新消息时再响应；响应之后客户端立即又发起一次请求，重复整个流程。

特点：服务端阻塞占用资源；客户端长时间收不到消息可能会超市，从而主动断开与服务端的连接

Websocket的连接过程

建立HTTP连接，3次握手
请求头：connection:upgrade; upgrade:websocket; sec-websocket-key:skhfkdashfkj;
如果成功，StatusCode为101（switching protocols），响应头中的connection:upgrade;upgrade:websocket；sec-websocket-accept:sdfjalskjfhgsa;
升级到websocket协议后再开始通讯。

Websocket API 使用

        let ws = new WebSocket("wss:xxxxxx")

        ws.onopen = function(){
            console.log("连接到了服务器")
        }
        ws.onmessage = function(e){
            console.log("接收到了服务器的消息，既可以是文本，也可以是二进制",e.data)
        }
        ws.onclose = function(){
            console.log("关闭连接了")
        }
        ws.send("发送消息")
        // ws.close()  // 关闭连接
        // ws.readyState // 连接状态：0-正在连接中 1-已连接 2-正在关闭中 3-已关闭