实时通信Socket io的使用示例详解

npm install socket.io-client
import { io } from "socket.io-client";

    socket.on("connect", () => {
        //监听连接是否成功
        console.log("链接成功");
      });
      socket.on("disconnect", (reason) => {
        //监听连接异常中断
        console.log("中断", reason);
      });
      socket.on("message_event", (data) => {
      console.log("接收到的消息", data);
      })
     // 此处需要注意的是on是一个监听事件，监听的message_event是和后台约定好的事件名。
     前端主动断开链接
     socket.close()或者 socket.disconnect()

    // 发送消息
    sendMessage(msgType, msGContent) {
      var JSONObject = { msgType: msgType, msgContent: msgContent };
      socket.emit("send_event", jsonObject);
    },
    //前端这边通过emit发送消息，这里的send_event也是跟后端人员约定好的事件。