vuejs原生websocket

最新推荐文章于 2024-06-21 16:19:05 发布

You are my sunshine....

最新推荐文章于 2024-06-21 16:19:05 发布

阅读量282

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_45849330/article/details/106478240

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

// 1、初始化 weosocket
    initWebSocket() {
      if (typeof WebSocket === "undefined") {
        console.log("您的浏览器不支持socket");
      }
      const ws_server = "ws://服务地址";
      // 连接服务端
      this.websock = new WebSocket(ws_server);
      // 指定事件回调
      this.websock.onmessage = this.websocketOnMessage;
      this.websock.onopen = this.websocketOnOpen;
      this.websock.onerror = this.websocketOnError;
      this.websock.onclose = this.websocketClose;
    },

    // 2、连接成功
    websocketOnOpen() {
      // 连接建立之后执行send方法发送数据
      let actions = { type: 100, msg: "requestPermission" };
      // this.websocketSend(JSON.stringify(actions));
      // 连接后,定时发送,否则不段时间不通信会自动断连(时间长短一般是服务端指定的)
      var that = this;
      // setInterval(function() {
      //   // that.websocketSend(JSON.stringify({ type: 0, msg: "ping" }));
      // }, 5000);
    },

    // 3、连接建立失败重连
    websocketOnError() {
      this.initWebSocket();
    },

    // 4、数据接收
    websocketOnMessage(e) {
      const resData = e.data;
      if (resData == 200) {
      
      } 
    },

    // 5、数据发送
    websocketSend(Data) {
      this.websock.send(Data);
    },

    // 6、关闭，断开连接
    websocketClose(e) {
      
    },