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