WebSocket实时通信

WebSocket 协议本质上是一个基于 TCP 的协议。

WebSocket是浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

 if ("WebSocket" in window) {

                // 打开一个 web socket

                var ws = new WebSocket(`ws://${this.GLOBAL.UPLODE_URL}:2345/`);

                ws.onopen = function () {

                    // Web Socket 已连接上，使用 send() 方法发送数据

                    ws.send('{"type":"login"}');

                };

                 let this_ =  this //这里需要备注一下this指向

                ws.onmessage = function (evt) {

                    //这里是数据接收然后转换成json

                    var received_msg = evt.data;

                    let obj = JSON.parse(received_msg)

                };

                ws.onclose = function () {

                    // 关闭 websocket

                    console.log("连接已关闭...");

                };

            }

            else {

                // 浏览器不支持 WebSocket

                alert("您的浏览器不支持 WebSocket!");

            }

            }

然后根据后端的数据进行调节，然后就可以进行实时通信了！