码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-09-25 16:01:23      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:要求   nbsp   span   href   for   通过   网上   oob   received   

公司要求做了一个看板,看板数据如果每隔一段时间刷新一次,就会增加服务器负担,所以使用了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!");
            }
          }
      }  

 

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

标签:要求   nbsp   span   href   for   通过   网上   oob   received   

原文地址:https://www.cnblogs.com/liuhk/p/11584587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!