@das-fed/utils 1.0.0

package/webSocket-service/index.js

@@ -0,0 +1,170 @@
+import { getConfig } from '@das-fed/utils/config';
+import { getToken } from '@das-fed/utils/common-info';
+import { objectToUrlparams } from '@das-fed/utils/common-tools';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const config = getConfig();
+const getBaseUrl = () => {
+  let baseUrl = "";
+  if (config.baseURL) {
+    baseUrl = config.baseURL;
+  } else {
+    baseUrl = location.origin;
+  }
+  return baseUrl.replace("https://", "wss://").replace("http://", "ws://") || "";
+};
+const getUrl = (url, params = {}) => {
+  const query = objectToUrlparams(params);
+  const result = query ? getBaseUrl() + url + `?${query}` : getBaseUrl() + url;
+  return result;
+};
+const getRandomInterval = (min, max) => {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+class socketService {
+  constructor({
+    url,
+    params = {},
+    opened,
+    close,
+    error,
+    message,
+    ifReconnect,
+    reconnectNum,
+    reconnectWhenClose
+  }) {
+    /** websocket实例 */
+    __publicField(this, "$ws", null);
+    /** websocket地址 */
+    __publicField(this, "url", "");
+    /** 请求参数 */
+    __publicField(this, "params", {});
+    /** 是否正在重连，避免ws重复连接 */
+    __publicField(this, "lockReturn", false);
+    /** websocket开启时间 */
+    __publicField(this, "startTime", 0);
+    /** 心跳检测 */
+    __publicField(this, "heartbeatInterval", null);
+    /** 发生错误时是否重连，默认开启 */
+    __publicField(this, "ifReconnect", true);
+    /** 重连定时器 */
+    __publicField(this, "reconnectId", null);
+    /** 重连次数，默认为3，-1 表示一直重连 */
+    __publicField(this, "reconnectNum", 3);
+    /** 连接close关闭时是否重连，默认关闭 */
+    __publicField(this, "reconnectWhenClose", false);
+    /** 当前重连次数 */
+    __publicField(this, "currentReconnectNum", 0);
+    this.$ws = null;
+    this.startTime = 0;
+    this.heartbeatInterval = null;
+    this.ifReconnect = ifReconnect ?? true;
+    this.reconnectNum = reconnectNum ?? 3;
+    this.reconnectWhenClose = reconnectWhenClose ?? false;
+    this.lockReturn = false;
+    this.currentReconnectNum = 0;
+    this.reconnectId = null;
+    this.params = { ...params, access_token: getToken() };
+    if (!url) {
+      throw new Error("url is required");
+    } else {
+      this.url = url;
+    }
+    opened && (this.opened = opened);
+    close && (this.close = close);
+    error && (this.error = error);
+    message && (this.afterMsg = message);
+    this.initWebSocket();
+  }
+  initWebSocket() {
+    if (typeof WebSocket === "undefined")
+      throw new Error("\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301websocket");
+    const url = getUrl(this.url, this.params);
+    this.$ws = new WebSocket(url);
+    this.$ws.onopen = () => {
+      this.open();
+    };
+    this.$ws.onclose = (event) => {
+      this.close(event);
+    };
+    this.$ws.onmessage = (event) => {
+      this.message(event);
+    };
+    this.$ws.onerror = (event) => {
+      this.error(event);
+    };
+  }
+  open() {
+    this.currentReconnectNum = 0;
+    this.startTime = (/* @__PURE__ */ new Date()).getTime();
+    this.opened(this.$ws);
+    this.startHeartbeat();
+    console.log(this.url + " =>websocket\u8FDE\u63A5\u6210\u529F,\u53EF\u4EE5\u5F00\u59CB\u901A\u8BAF");
+  }
+  opened(ws) {
+    console.log(this.url + " =>websocket\u8FDE\u63A5\u5DF2\u6253\u5F00:", ws);
+  }
+  close(event) {
+    if (this.$ws.readyState === WebSocket.CLOSED) {
+      const endTime = (/* @__PURE__ */ new Date()).getTime();
+      if (this.reconnectWhenClose)
+        this.reconnect();
+      clearInterval(this.heartbeatInterval);
+      console.log(`${this.url}=>WebSocket\u8FDE\u63A5\u5DF2\u7ECF\u5173\u95ED,\u8FDE\u63A5\u603B\u65F6\u957F: ${endTime - this.startTime}ms`);
+    }
+  }
+  message(event) {
+    const msgContent = typeof event.data == "object" ? event.data : JSON.parse(event.data);
+    this.afterMsg(msgContent);
+  }
+  afterMsg(msg) {
+    console.log(this.url + " =>\u63A5\u6536\u5230websocket\u7684\u6D88\u606F:", msg);
+  }
+  error(err) {
+    if (this.ifReconnect)
+      this.reconnect();
+    return err;
+  }
+  /** websocket重连 */
+  reconnect() {
+    if (this.lockReturn)
+      return;
+    this.lockReturn = true;
+    this.currentReconnectNum++;
+    if (this.currentReconnectNum > this.reconnectNum)
+      return;
+    this.reconnectId && clearTimeout(this.reconnectId);
+    this.reconnectId = setTimeout(() => {
+      this.initWebSocket();
+      this.lockReturn = false;
+    }, 3e3);
+  }
+  /** 发送消息给服务器 */
+  send(message) {
+    if (this.$ws?.readyState !== WebSocket.OPEN) {
+      console.log(this.url + "=>websocket\u8FDE\u63A5\u672A\u5EFA\u7ACB\uFF0C\u8FD8\u4E0D\u80FD\u53D1\u9001\u6D88\u606F");
+      return;
+    }
+    this.$ws.send(message);
+  }
+  // 启动心跳检测==>30s-5分钟内随机发一次心跳保持会话（时间区间内随机是为了降低突增流量的概率）
+  startHeartbeat() {
+    this.heartbeatInterval = setInterval(() => {
+      const randomMessage = "";
+      this.send(randomMessage);
+      console.log(this.url + "=>\u5FC3\u8DF3\u68C0\u6D4B\u53D1\u9001\u6D88\u606F:", randomMessage);
+    }, getRandomInterval(3e4, 3e5));
+  }
+  /** 断开连接 */
+  disconnect() {
+    this.$ws.close();
+    console.log(this.url + " =>\u4E3B\u52A8\u65AD\u5F00websocket\u8FDE\u63A5");
+  }
+}
+
+export { socketService };

package/with-install/index.js

@@ -0,0 +1,8 @@
+const withInstall = (comp) => {
+  comp.install = function(app) {
+    app.component(comp.name, comp);
+  };
+  return comp;
+};
+
+export { withInstall };