关于前后端通过websocket实现消息推送的总结

Posted 2020-11-14 liuhk

公司要求做了一个看板，看板数据如果每隔一段时间刷新一次，就会增加服务器负担，所以使用了webscoket实现服务器推送，

主要工作集中在后端，前端相对简单，指等待后端建立好路径后给你你就可以通过以下方法实现消息推送了，非常简单，实用，常见的网页聊天等都是这种方式，没有深入了解，参考了网上的例子https://www.runoob.com/html/html5-websocket.html，仅供参考

 beforeMount: function() { 
       
            if ("WebSocket" in window)
            {
               alert("您的浏览器支持 WebSocket!");
               // 打开一个 web socket
               var ws = new WebSocket("ws://192.168.10.204:8002/websocket");
            //    ws.onopen = function()
            //    {
            //       // Web Socket 已连接上，使用 send() 方法发送数据
            //       ws.send("发送数据999999");
            //       alert("数据发送中...");
            //    };
               ws.onmessage = function (evt) 
               { 

                  var received_msg = evt.data;
                  alert("数据已接收...");
               };
            //    ws.onclose = function()
            //    { 
            //       // 关闭 websocket
            //       alert("连接已关闭..."); 
            //    };
            }
            
            else
            {
               // 浏览器不支持 WebSocket
               alert("您的浏览器不支持 WebSocket!");
            }
          }
      }