socket

最新推荐文章于 2024-09-03 16:14:33 发布

原创最新推荐文章于 2024-09-03 16:14:33 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

该博客详细描述了一个WebSocket连接的管理过程，包括连接建立、错误处理、断开后的重连策略。当连接错误时，会进行重连尝试，并限制了重试次数。在达到最大重试次数后，系统将提示TCP连接超时。此外，还提供了初始化连接和关闭连接的处理逻辑。

 socket: null,
 lockReconnect: false,
 tt: "",

reconnect(service) {
      this.tt && clearTimeout(this.tt);
      if (this.limitConnect > 0) {
        if (localStorage.getItem("lockReconnect") != true) {
          localStorage.setItem("lockReconnect", 1);
          this.limitConnect--;
          this.timeConnect++;
          console.log("第" + this.timeConnect + "次重连");
          // 进行重连
          this.tt = setTimeout(() => {
            this.init(service);
            localStorage.removeItem("lockReconnect");
          }, 2000);
        }
      } else {
        console.log("TCP连接已超时");
      }
    },

    init(url) {
      if (typeof WebSocket === "undefined") {
        alert("您的浏览器不支持socket");
      } else {
        this.socket = new WebSocket(url);
        this.socket.onopen = this.open;
        this.socket.onerror = this.error;
        this.socket.onmessage = this.getMessage;
      }
    },
    open() {
      console.log("socket连接成功");
    },
    error(e) {
      console.log(e);
      console.log("连接错误");
      if (this.socket.readyState == 3) {
        this.init(screenws);
      }
      this.reconnect(screenws);
    },
    getMessage(msg) {
      console.log(msg, "返回的值");
    },
    close(e) {
      console.log(e);
      console.log("socket已经关闭");
      this.reconnect(screenws);
    },