crh-jssdk 0.10.20 → 0.10.22

package/.yalc/crh-jssdk/business/base/crh-app-sdk-cxzq.ts

@@ -0,0 +1,468 @@
+import { ios, checkIsHarmonyOS } from "../utils";
+import ShareImg from "../assets/cx_share.png";
+import ProfessionModel from "../profession/crh-app-sdk-cxzq";
+
+/**
+ * @name 版本号比较
+ * @param {string} version1 版本号1
+ * @param {string} version2 版本号2
+ * @returns 1: 版本1大于版本2 | -1: 版本1小于版本2 | 0: 版本相等
+ */
+const compareVersion = (version1: any, version2: any) => {
+  version1 = version1.split(".");
+  version2 = version2.split(".");
+  const n = Math.max(version1.length, version2.length);
+  for (let i = 0; i < n; i++) {
+    const code1 = version1[i] === undefined ? 0 : parseInt(version1[i], 10);
+    const code2 = version2[i] === undefined ? 0 : parseInt(version2[i], 10);
+    if (code1 > code2) {
+      return 1;
+    }
+    if (code1 < code2) {
+      return -1;
+    }
+  }
+  return 0;
+};
+
+// webview类型
+const webviewType = (() => {
+  const ua = navigator.userAgent;
+  const isWTSDK = ua.includes("cxzqwtsdk");
+  return {
+    isWTSDK,
+    // 新乐赚
+    isNewLeZhuan: !isWTSDK && ua.toLowerCase().includes("lezhuan"),
+    // 新聚财
+    isNewJuCai:
+      !isWTSDK &&
+      !ua.includes("crhsdk") &&
+      (ua.includes("Android_CFZQ_JUCAI") || ua.includes("iOS_CFZQ_JUCAI")),
+    // 老聚财
+    isOldJuCai: ua.includes("crhsdk") && !ua.includes("cfzqsdk"),
+    isLeZhuan:
+      (!isWTSDK && ua.toLowerCase().includes("lezhuan")) ||
+      ua.includes("cfzqsdk"),
+    isCRH: ua.includes("crhsdk") || ua.includes("crhapp"),
+  };
+})();
+
+const actionMap = {
+  // 财信处理action地址方法
+  onJsOverrideUrlLoading(str: string) {
+    if (ios && window.webkit?.messageHandlers?.lzforward) {
+      window.webkit.messageHandlers.lzforward?.postMessage(str);
+    } else if (window.MyWebView && window.MyWebView.onJsOverrideUrlLoading) {
+      window.MyWebView.onJsOverrideUrlLoading(str);
+    } else if (window.HarmonyOS && window.HarmonyOS.onJsOverrideUrlLoading) {
+      window.HarmonyOS.onJsOverrideUrlLoading(str);
+    } else {
+      window.location.href = str;
+    }
+  },
+  // 财信调用action路径
+  callAction(actionId: string | number, param?: any, cbFunName?: any) {
+    let url = `http://action:${actionId}/?target=2`;
+    if (param) {
+      const paramStr = JSON.stringify(param);
+      url += `&param=${encodeURIComponent(paramStr)}`;
+    }
+    if (cbFunName) {
+      url += `&callback=${cbFunName}`;
+    }
+    console.log("callAction:", url);
+    this.onJsOverrideUrlLoading(url);
+  },
+  // 财信聚财通过js bridge调用app接口
+  setupWebViewJavascriptBridge(callback: any) {
+    if (window.WebViewJavascriptBridge) {
+      callback(window.WebViewJavascriptBridge);
+    } else {
+      document.addEventListener(
+        "WebViewJavascriptBridgeReady",
+        () => {
+          callback(window.WebViewJavascriptBridge);
+        },
+        false
+      );
+      if (!/android/gi.test(navigator.userAgent)) {
+        if (window.WebViewJavascriptBridge) {
+          callback(window.WebViewJavascriptBridge);
+          return;
+        }
+        if (window.WVJBCallbacks) {
+          window.WVJBCallbacks.push(callback);
+          return;
+        }
+        window.WVJBCallbacks = [callback];
+        const WVJBIframe = document.createElement("iframe");
+        WVJBIframe.style.display = "none";
+        WVJBIframe.src = "wvjbscheme://__BRIDGE_LOADED__";
+        document.documentElement.appendChild(WVJBIframe);
+        setTimeout(() => {
+          document.documentElement.removeChild(WVJBIframe);
+        }, 0);
+      }
+    }
+  },
+  // 聚财Android调用app接口
+  callAndroidActionOfJvCai(param: any) {
+    const paramStr = JSON.stringify(param);
+    if (window.mobile) {
+      window.mobile.onActionEvent(paramStr);
+    }
+  },
+  // 财信调用聚财方法
+  callJuCaiAction(funName: any, data?: any, callback?: any) {
+    console.log("callJuCaiAction:", funName, data, callback);
+    if (ios) {
+      this.setupWebViewJavascriptBridge((bridge: any) => {
+        bridge.callHandler(funName, data, window[callback]);
+      });
+    } else {
+      const param: any = {
+        funName,
+        callbackFunName: callback,
+      };
+      if (data) {
+        param.data = data;
+      }
+      this.callAndroidActionOfJvCai(param);
+    }
+  },
+  /**
+   * iOS客户端方法加载函数(老乐赚老聚财)
+   * @param {string} url
+   */
+  loadIOSNative(url: string) {
+    let iFrame: any = "";
+    iFrame = document.createElement("iframe");
+    iFrame.setAttribute("src", url);
+    iFrame.setAttribute("style", "display:none;");
+    iFrame.setAttribute("height", "0px");
+    iFrame.setAttribute("width", "0px");
+    iFrame.setAttribute("frameborder", "0");
+    document.body.appendChild(iFrame);
+    iFrame.parentNode.removeChild(iFrame);
+    iFrame = null;
+  },
+};
+
+try {
+  if (!ios && webviewType.isNewJuCai) {
+    actionMap.setupWebViewJavascriptBridge((bridge: any) => {
+      bridge.init();
+    });
+  }
+} catch (e) {
+  console.log("初始化失败");
+}
+
+export default {
+  compareVersion,
+  actionMap,
+  webviewType() {
+    return webviewType;
+  },
+  //是否在app内
+  isApp() {
+    const ua = navigator.userAgent;
+    const isAppFlags = [
+      "crhsdk",
+      "crhapp",
+      "cfzqsdk",
+      "LeZhuan",
+      "LEZHUAN",
+      "lezhuan",
+      "Android_CFZQ_JUCAI",
+      "iOS_CFZQ_JUCAI",
+    ];
+    return isAppFlags.some((flag) => ua.includes(flag));
+  },
+  // 拦截Android物理返回键事件，并回调给前端 --- 仅安卓
+  interceptBack(callback: Function) {
+    window.jtoJHandle.interceptBack("interceptBackCallBack");
+    window.interceptBackCallBack = function (e: any) {
+      callback && callback(e);
+    };
+  },
+
+  // 关闭页面 closeSJKH
+  closeSJKH() {
+    if (webviewType.isNewLeZhuan) {
+      actionMap.callAction(3);
+    } else if (webviewType.isNewJuCai) {
+      // iphone
+      actionMap.callJuCaiAction("closePage", {});
+    } else if (ios) {
+      // iphone
+      window.location.href = "objc://callIOSQuit/";
+    } else {
+      window.jtoJHandle.closeSJKH();
+    }
+  },
+  /**
+   * 跳转个股详情页
+   */
+  goStockDetail(params: {
+    code?: string,
+    market?:string
+  }) {
+    const { code, market } = params;
+    if (webviewType.isNewLeZhuan) {
+      actionMap.callAction(923, {
+        code,
+        market,
+      });
+    }
+  },
+  /**
+   * 通过pageId打开新的webview打开外部链接
+   */
+  goWebview(params: {
+    sdk?: string;
+    h5?: string;
+    h5url?: string;
+    token_sn?: string;
+    thirdChannel?: string;
+    productCode?: string;
+  }) {
+    const { sdk, h5, h5url = "", productCode } = params;
+    const jsonObj = {
+      indexUrl: h5,
+      uploadPicUrl: "",
+      cookieDomain: "",
+      closeBusiness: "closeCallBack",
+      module: "",
+      identifier: "zt",
+    };
+    const jsonStr = JSON.stringify(jsonObj);
+    if (!this.isApp()) {
+      window.location.href = h5url;
+      return;
+    }
+    if (webviewType.isNewLeZhuan) {
+      actionMap.callAction(207, {
+        pageId: sdk || "1",
+        needLogin: "0",
+        ...(productCode ? { param: { productCode } } : {}),
+      });
+    } else if (webviewType.isNewJuCai) {
+      actionMap.callJuCaiAction("gotoClientPage", {
+        pageId: ios ? String(sdk) : sdk,
+        needLogin: "0",
+        ...(productCode ? { param: { productCode } } : {}),
+      });
+    } else if (ios) {
+      // iphone
+      actionMap.loadIOSNative(`objc://openNewBusiness/$?${jsonStr}`);
+    } else {
+      window.jtoJHandle.openNewBusiness(jsonStr);
+    }
+  },
+  /**
+   * 通过打开新的webview打开外部链接
+   * @param {string} url 跳转地址
+   * @param {boolean} needTitle 打开新webview是否需要页头1需要0不需要
+   */
+  goWebview2({ url = "", needTitle = false, noNewWebView = false }) {
+    let targetUrl = url?.trim();
+    if (!targetUrl) {
+      console.log("targetUrl不能为空");
+      return;
+    }
+    const urlParams: {
+      [key: string]: string;
+    } = {};
+    let prefix = "";
+    if (targetUrl.includes("#")) {
+      prefix = targetUrl.split("#")[1].includes("?") ? "&" : "?";
+    } else {
+      prefix = targetUrl.includes("?") ? "&" : "?";
+    }
+    let from = "";
+    if (!targetUrl.includes("from=")) {
+      from = "from=newMall";
+      urlParams.from = "newMall";
+    }
+
+    const currentPage: any = window.location.hash
+      ? window.location.hash.match(/#([^?]*)/)?.[1]
+      : "/";
+    urlParams.fromPage = currentPage;
+    if (!noNewWebView) {
+      // 新开webview
+      urlParams.opentype = "newpage";
+    }
+    if (webviewType.isNewJuCai) {
+      delete urlParams.opentype;
+    }
+    if (!needTitle && !targetUrl.includes("needtitle=")) {
+      // 不显示原生标题栏
+      urlParams.needtitle = "0";
+    }
+    if (
+      targetUrl.includes("#") &&
+      (urlParams.opentype || urlParams.needtitle)
+    ) {
+      // opentype和needtitle处理，需在#号前加
+      const tempUrl = targetUrl.split("#");
+      const preParams: {
+        [key: string]: string;
+      } = {};
+      if (urlParams.opentype && !tempUrl[0].includes("opentype=")) {
+        preParams.opentype = urlParams.opentype;
+      }
+      if (urlParams.needtitle && !tempUrl[0].includes("needtitle=")) {
+        preParams.needtitle = urlParams.needtitle;
+      }
+      const fromAppTab = sessionStorage.getItem("fromAppTab") || "";
+      if (+fromAppTab === 1 && !tempUrl[0].includes("fromAppTab=")) {
+        preParams.fromAppTab = "1";
+      }
+      const urlParamsStr = new URLSearchParams(preParams).toString();
+      targetUrl = `${tempUrl[0]}${
+        tempUrl[0].includes("?") ? "&" : "?"
+      }${urlParamsStr}#${tempUrl[1]}`;
+    }
+    if (urlParams.opentype) {
+      // 新开标识
+      urlParams.isInNewWebView = "1";
+    }
+    /* if (+getSessionStore('fromAppTab') === 1) {
+      urlParams.fromAppTab = '1';
+    } */
+    const urlParamsStr = new URLSearchParams(urlParams).toString();
+    const mregeUrl = `${targetUrl}${prefix}${urlParamsStr}`;
+    console.log("goWebView:", mregeUrl);
+    if (webviewType.isNewLeZhuan) {
+      window.location.href = mregeUrl;
+    } else if (webviewType.isNewJuCai) {
+      if (urlParams.opentype) {
+        if (ios) {
+          actionMap.setupWebViewJavascriptBridge((bridge: any) => {
+            bridge.callHandler(
+              "gotoNextPage",
+              {
+                needtitle: needTitle ? "1" : "0",
+                url,
+              },
+              (data: any) => {
+                console.log("goWebview:", data);
+              }
+            );
+          });
+        } else {
+          // {“pageId”: “2804”, “needLogin”: “true”, “title”: “网页标题”, “url”: “http://www.baidu.com”}
+          // pageId=2804表示跳转客户端默认webview，pageId=5002跳转客户端无标题webview；needLogin=1表示需要先登录委托，未登录委托情况下会先跳转客户端委托登录
+          actionMap.callJuCaiAction("goWebViewPage", {
+            pageId: needTitle ? "2804" : "5002",
+            url,
+          });
+        }
+      } else {
+        // 聚财新开webview体验有问题，因此统一走location.href
+        window.location.href = url;
+      }
+    } else {
+      let paramsObj: any = {
+        indexUrl: url,
+      };
+      paramsObj = JSON.stringify(paramsObj);
+      if (ios) {
+        actionMap.loadIOSNative(`objc://openNewBusiness/$?${paramsObj}`);
+      } else {
+        window.jtoJHandle?.openNewBusiness(paramsObj);
+      }
+    }
+  },
+
+  /**
+   * 获取客户端版本号
+   */
+  getVersion() {
+    const ua = navigator.userAgent.toLowerCase();
+    let regex: any = "";
+    if (webviewType.isNewLeZhuan) {
+      regex = ios || checkIsHarmonyOS() ? /cfzq_lezhuan_([\d.]+)/ : /cfzq_lezhuan([\d.]+)/;
+    } else if (webviewType.isNewJuCai) {
+      regex = /cfzq_jucai_([\d.]+)/;
+    }
+    const match = ua.match(regex);
+    console.log(match, "===match===");
+    if (match) {
+      const version = match[1];
+      return version;
+    } else {
+      console.warn("version没有找到匹配项");
+      return "0.0.0";
+    }
+  },
+  /**
+   * 设置原生状态栏颜色(乐赚客户端)
+   * @param {object} params
+   * @param {string} params.color 状态栏背景颜色，如#ff0000
+   * @param {string} params.wordColorStyle 状态栏文字颜色，0 白色，1 黑色
+   */
+  async setStatusBar(params: any) {
+    if (webviewType.isNewLeZhuan) {
+      if (compareVersion("6.1.0", this.getVersion()) === 1) {
+        console.log("---版本号低，无法设置状态栏颜色---");
+        return;
+      }
+      let data = {
+        statusColor: params.color,
+        isDark: params.wordColorStyle === "1",
+      };
+      actionMap.callAction(933, data);
+    } else if (webviewType.isCRH) {
+      if (ios) {
+        actionMap.loadIOSNative(
+          `objc://setAppBackgroundColor/$?${params.color}`
+        );
+      } else if (window.jtoJHandle) {
+        window.jtoJHandle.setAppBackgroundColor(params.color);
+      }
+    }
+  },
+
+  /**
+   * 分享
+   * @param {object} params
+   * @param {string} params.img_url 分享展示的图片
+   * @param {string} params.url 分享链接
+   * @param {string} params.title 标题
+   * @param {string} params.message 内容
+   */
+  share(params: {
+    img_url?: any;
+    url?: string;
+    title?: string;
+    message?: string;
+  }) {
+    if (webviewType.isLeZhuan) {
+      const shareParam = {
+        img_url: params.img_url || ShareImg,
+        url: params.url,
+        title: params.title,
+        message: params.message,
+      };
+      if (webviewType.isNewLeZhuan) {
+        actionMap.callAction(900, shareParam, "");
+      } else {
+        ProfessionModel.businessAlertView(
+          `http://action:900/?target=2&param=${encodeURIComponent(
+            JSON.stringify(shareParam)
+          )}`
+        );
+      }
+    } else {
+      return new Promise(async (resolve) => {
+        resolve({
+          error_no: "-3",
+          error_info: "当前APP不支持分享",
+        });
+      });
+    }
+  },
+};

package/.yalc/crh-jssdk/business/base/index.ts

@@ -0,0 +1,47 @@
+import { ios, checkIsHarmonyOS, harmonyCallJsHandler } from "../utils";
+
+export default {
+  // 拦截Android物理返回键事件，并回调给前端 --- 仅安卓 鸿蒙 
+  interceptBack(callback: Function) {
+    if (checkIsHarmonyOS()) {
+      harmonyCallJsHandler("interceptBack", {
+        callback: "interceptBackCallBack",
+      });
+    } else {
+      window.jtoJHandle.interceptBack('interceptBackCallBack')
+    }
+
+    window.interceptBackCallBack = function (e: any) {
+      callback && callback(e)
+    }
+  },
+
+  // 关闭页面 closeSJKH
+  callQuit() {
+    if (ios) {
+      window.location.href = "objc://callIOSQuit";
+    } else if (checkIsHarmonyOS()) {
+      harmonyCallJsHandler("closeSJKH", '');
+    } else {
+      window.jtoJHandle.interceptBack('closeSJKH')
+    }
+  },
+
+  goWebview(title: string, url: string, callback: Function) {
+    const params = {
+      title: title,
+      url: url,
+      callback: 'openOwnPageCallBack'
+    }
+    if (ios) {
+      window.location.href = `objc://openOwnPage/$?${JSON.stringify(params)}"`;
+    } else if (checkIsHarmonyOS()) {
+      harmonyCallJsHandler("openOwnPage", params);
+    } else {
+      window.jtoJHandle.openOwnPage(JSON.stringify(params))
+    }
+    window.openOwnPageCallBack = function (e: any) {
+      callback && callback(e)
+    }
+  }
+};