一、搭建后端websocket服务

WebSocket 是一种全双工、双向、实时的网络通信协议（基于 TCP），弥补了 HTTP 单向请求 - 响应模型的不足（无法服务端主动推送），核心价值是低延迟、实时双向通信。它的应用场景覆盖几乎所有需要 “实时交互” 的业务场景，以下是具体分类和典型用途：

根据上一个文档更新（不了解的可以去看看之前的0基础），现在做了前端

二、前端链接websocket

nodejs,websocket文档地址:Node.js — Node.js WebSocket

mounted() {
    this.sendMsg();
  },

  methods: {
    sendMsg() {
      const socketUrl = "ws://127.0.0.1:9204/net/websocket/" + 1 + "/0";
      const socket = new WebSocket(socketUrl);

      //当链接创建成功时执行
      socket.addEventListener("open", (event) => {
        console.log("WebSocket connection established!");

        // socket.send('Hello Server!');
      });
      // 监听服务器发送的消息，当有消息时执行
      socket.addEventListener("message", (event) => {
        // console.log('Message from server: ', event.data);
        this.$alert(event.data, "系统通知");
      });
    },
  },

三、前端效果消息弹出