【前端WebSocket的基本使用 】

认识WebSocket

WebSocket是在Web应用中实现双向通信的通信协议，允许客户端和服务器之间建立持久的、低延迟的连接，以实现实时数据传输。

WebSocket特点： 

实时性: 传统HTTP请求需要客户端定期轮询服务器以获取新数据，而WebSocket允许服务器主动推送数据给客户端，实现实时更新。
双向通信: WebSocket支持双向通信，客户端和服务器都可以发送消息，而不是仅限于客户端向服务器发送请求。
低延迟: WebSocket连接保持开放，减少了连接和断开的开销，从而实现更低的通信延迟。
跨平台：WebSocket协议是一种标准化的协议，被广泛支持和应用于不同的平台和编程语言中。

代码

     let socket;
      function opensock() {
        socket = new WebSocket("ws://192.168.56.116:6010/ws");

        //WebSocket 连接成功建立时触发
        socket.onopen = function (event) {
          //向服务器发送数据
          socket.send("Hello, server!");
        };

        //WebSocket 接收到服务器发送的消息时触发
        socket.onmessage = function (event) {
          let sss = event.data;
          console.log(sss);
        };

        //WebSocket 连接出现错误时触发
        socket.onerror = function (event) {
          console.error("error", event);
        };

        //WebSocket 连接被服务器关闭时触发
        socket.onclose = function (event) {
          console.log("close", event);
        };
      }

      function closesock() {
        //WebSocket 客户端关闭连接
        socket.close();
      }

 WebSocket连接，如果没有手动断开，即使在切换页面或组件时也不会断开连接。

 查看WebSocket消息