websocket 插件 (sockjs-client / stompjs) 基本使用

1，下载插件

npm install sockjs-client stompjs

2，导入插件

import Stomp from "stompjs";
import SockJS from "sockjs-client";

3，建立连接

      this.socket = new SockJS("/test"); ----> 替换自己连接地址
      this.stompClient = Stomp.over(this.socket);
      this.stompClient.connect(
        {},
        (frame) => {
          console.log(frame); // 连接成功： 订阅服务器的地址。为了浏览器可以接收到消息，必须先 
                                                                           订阅服务器的地址
          this.connectSucceed();
        },
        (err) => {
          console.log(err);
        }
      );

4，订阅消息发送消息

  connectSucceed() {
      // 设置心跳发送接受频率（ms）默认为10000ms。 
      heart-beating是利用window.setInterval()去规律地发送
      heart-beats或者检查服务端的heart-beats。
      this.stompClient.heartbeat.outgoing = 5000; (心跳间隔时间)
      this.stompClient.heartbeat.incoming = 0;
      this.stompClient.subscribe(
        `/system/test/data`, ------> 替换需要发送的地址
        (res) => {
          const result = JSON.parse(res.body);
          console.log(result, "---------------");
          });
        }
      );
      },