關於前后端通過websocket實現消息推送的總結


公司要求做了一個看板,看板數據如果每隔一段時間刷新一次,就會增加服務器負擔,所以使用了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!");
            }
          }
      }  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM