crh-jssdk 1.0.31 → 1.0.32

package/dist/business/utils/bridge.js

@@ -78,8 +78,7 @@ var JYClientTHS = {
     },
     /**
      * 连接WebViewJavascriptBridge
-     * 仅依赖 WebViewJavascriptBridgeReady 事件，不使用 iframe 注入方式
-     * 原因：WVJBCallbacks 已在脚本顶层立即初始化，确保 native _callWVJBCallbacks 调用时数组始终存在
+     * 支持重新注入机制：从第三方页面返回后，iOS WebView可能需要通过iframe触发bridge重新注入
      */
     connectWebViewJavascriptBridge: function (callback) {
         // 如果Bridge已存在，直接使用
@@ -87,13 +86,29 @@ var JYClientTHS = {
             callback(window.WebViewJavascriptBridge);
             return;
         }
-        // iOS设备：监听BridgeReady事件，不再使用iframe触发
+        // iOS设备：优先尝试通过 iframe 触发 bridge 重新注入
+        // 这样可以处理从第三方页面返回后 bridge 失效的问题
         if (!/Android/.test(navigator.userAgent)) {
+            console.log('[ClientTHS] iOS设备，尝试通过iframe触发bridge注入');
+            this._injectBridgeViaIframe();
             // 监听BridgeReady事件
+            document.addEventListener('WebViewJavascriptBridgeReady', function () {
+                console.log('[ClientTHS] WebViewJavascriptBridgeReady 事件触发');
+                callback(window.WebViewJavascriptBridge);
+            }, false);
+            // WVJBCallbacks 用于 native 调用 JS 时找到回调函数
+            if (window.WVJBCallbacks) {
+                window.WVJBCallbacks.push(callback);
+            }
+            else {
+                window.WVJBCallbacks = [callback];
+            }
+        }
+        else {
+            // Android设备：直接监听事件
             document.addEventListener('WebViewJavascriptBridgeReady', function () {
                 callback(window.WebViewJavascriptBridge);
             }, false);
-            // WVJBCallbacks 已在脚本顶层初始化，此处直接 push 即可
             if (window.WVJBCallbacks) {
                 window.WVJBCallbacks.push(callback);
             }
@@ -102,6 +117,34 @@ var JYClientTHS = {
             }
         }
     },
+    /**
+     * 通过 iframe 触发 iOS WebViewJavaScriptBridge 重新注入
+     * 标准 iOS WVJB 注入方式（官方 demo 使用 wvjbscheme://__BRIDGE_LOADED__）
+     */
+    _injectBridgeViaIframe: function () {
+        try {
+            var iframe_1 = document.createElement('iframe');
+            iframe_1.style.display = 'none';
+            // iOS 原生拦截此 URL 触发 bridge 重新注入（官方标准方式）
+            iframe_1.src = 'wvjbscheme://__BRIDGE_LOADED__';
+            document.documentElement.appendChild(iframe_1);
+            console.log('[ClientTHS] iframe 已创建用于触发 bridge 重新注入');
+            // 立即清理 iframe
+            setTimeout(function () {
+                try {
+                    if (iframe_1.parentNode) {
+                        iframe_1.parentNode.removeChild(iframe_1);
+                    }
+                }
+                catch (e) {
+                    // ignore
+                }
+            }, 0);
+        }
+        catch (e) {
+            console.error('[ClientTHS] iframe 创建失败:', e);
+        }
+    },
     /**
      * 调用App方法
      * 与ClientTemplate.js保持一致
@@ -157,85 +200,22 @@ var JYBridge = /** @class */ (function () {
     function JYBridge() {
         this.bridge = null;
         this.initPromise = null;
-        // 标记Bridge是否已知有效（首次成功调用后标记为true）
-        this._bridgeVerified = false;
         this.initPromise = this.init();
     }
-    /**
-     * 检查Bridge是否真正可用
-     * 原因：从第三方页面返回时，iOS WebView可能重建，导致缓存的bridge引用失效
-     * @returns {boolean}
-     */
-    JYBridge.prototype.isBridgeAvailable = function () {
-        // 检查 window.WebViewJavascriptBridge 是否存在
-        if (!window.WebViewJavascriptBridge) {
-            console.warn('[JYBridge] Bridge不存在，需要重新连接');
-            return false;
-        }
-        // 检查 bridge 对象是否有 callHandler 方法
-        var wb = window.WebViewJavascriptBridge;
-        if (typeof wb.callHandler !== 'function') {
-            console.warn('[JYBridge] Bridge.callHandler方法不存在，可能已失效');
-            return false;
-        }
-        // 如果之前验证过bridge有效，标记为可用
-        if (this._bridgeVerified && this.bridge) {
-            return true;
-        }
-        // 如果之前没验证过，但bridge存在，也认为可用（首次连接）
-        return true;
-    };
-    /**
-     * 主动重连Bridge
-     * 从第三方页面返回后调用此方法重置Bridge连接状态
-     * @returns {Promise<void>}
-     */
-    JYBridge.prototype.reconnect = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        console.log('[JYBridge] 开始重连Bridge...');
-                        // 重置状态
-                        this._bridgeVerified = false;
-                        this.bridge = null;
-                        this.initPromise = null;
-                        // 重新初始化
-                        this.initPromise = this.init();
-                        return [4 /*yield*/, this.initPromise];
-                    case 1:
-                        _a.sent();
-                        console.log('[JYBridge] Bridge重连完成');
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
     /**
      * 初始化Bridge连接
      * 使用ClientTHS初始化方式
-     * 注意：从第三方页面返回时 WebView 可能被重建，Bridge 尚未注入，需配合 iframe 触发重新注入
      */
     JYBridge.prototype.init = function () {
         var _this = this;
         return new Promise(function (resolve) {
             // 使用ClientTHS初始化（与ClientTemplate.js一致）
             JYClientTHS.init();
-            var checkCount = 0;
-            // 最多等待30秒（300次 * 100ms），超时后不再等待
-            var maxChecks = 30;
             // 等待WebViewJavascriptBridgeReady事件
             var checkBridge = function () {
-                checkCount++;
                 if (window.WebViewJavascriptBridge) {
                     _this.bridge = window.WebViewJavascriptBridge;
-                    _this._bridgeVerified = true; // 标记为已验证
-                    console.log('[JYBridge] 初始化完成，bridge已验证');
-                    resolve();
-                }
-                else if (checkCount >= maxChecks) {
-                    // 超时，不再等待
-                    console.warn('[JYBridge] 初始化超时（3秒），停止等待');
+                    console.log('JYBridge 初始化完成');
                     resolve();
                 }
                 else {
@@ -252,66 +232,24 @@ var JYBridge = /** @class */ (function () {
      * @param params 参数
      */
     JYBridge.prototype.bridgeCallHandler = function (type, name, params) {
-        var _this = this;
         if (type === void 0) { type = ''; }
         if (name === void 0) { name = ''; }
         if (params === void 0) { params = {}; }
         if (type === 'Promise') {
             return new Promise(function (resolve, reject) {
-                // 构造超时 reject 函数，避免重复定义
-                var timeoutReject = function () {
-                    reject(new Error("\u8C03\u7528".concat(name, "\u65B9\u6CD5\u8D85\u65F6\uFF0810\u79D2\uFF09\uFF0CBridge\u53EF\u80FD\u4E0D\u53EF\u7528")));
-                };
-                // 设置10秒超时
-                var timeoutId = setTimeout(timeoutReject, 10000);
                 try {
-                    // 等待Bridge初始化完成后再执行
-                    _this.waitForReady(300)
-                        .then(function () {
-                        // 调用前检查Bridge是否真正可用
-                        if (!_this.isBridgeAvailable()) {
-                            console.warn('[JYBridge] Bridge不可用，尝试重连...');
-                            // 尝试重连
-                            return _this.reconnect().then(function () {
-                                // 重连后再次检查
-                                if (!_this.isBridgeAvailable()) {
-                                    clearTimeout(timeoutId);
-                                    reject(new Error('Bridge重连后仍不可用，请从App重新进入页面'));
-                                    return;
-                                }
-                                // 执行调用
-                                _this.doBridgeCall(name, params, resolve, reject, timeoutId);
-                            });
+                    JYClientTHS.bridgeCallHandler(name, params, function (response) {
+                        // 只要有响应就 resolve，即使是空对象或只有 login_status
+                        // getUserInfoByRsa 未登录时返回 { login_status: "0" }
+                        if (response !== undefined && response !== null) {
+                            resolve(response);
+                        }
+                        else {
+                            reject(new Error("\u8C03\u7528".concat(name, "\u65B9\u6CD5\u5931\u8D25\u4E86!")));
                         }
-                        // Bridge可用，执行调用
-                        _this.doBridgeCall(name, params, resolve, reject, timeoutId);
-                    })
-                        .catch(function () {
-                        // waitForReady 超时，尝试直接连接
-                        console.warn('[JYBridge] waitForReady超时，尝试直接连接...');
-                        JYClientTHS.connectWebViewJavascriptBridge(function (bridge) {
-                            if (bridge && typeof bridge.callHandler === 'function') {
-                                _this.bridge = bridge;
-                                _this._bridgeVerified = true;
-                                bridge.callHandler(name, params, function (response) {
-                                    clearTimeout(timeoutId);
-                                    if (response !== undefined && response !== null) {
-                                        resolve(response);
-                                    }
-                                    else {
-                                        reject(new Error("\u8C03\u7528".concat(name, "\u65B9\u6CD5\u5931\u8D25\u4E86!")));
-                                    }
-                                });
-                            }
-                            else {
-                                clearTimeout(timeoutId);
-                                reject(new Error('Bridge不可用，请从App重新进入页面'));
-                            }
-                        });
                     });
                 }
                 catch (e) {
-                    clearTimeout(timeoutId);
                     reject(e);
                 }
             });
@@ -325,29 +263,6 @@ var JYBridge = /** @class */ (function () {
         }
         return Promise.resolve();
     };
-    /**
-     * 执行Bridge调用
-     * @param name 方法名
-     * @param params 参数
-     * @param resolve Promise resolve
-     * @param reject Promise reject
-     * @param timeoutId 超时计时器ID
-     */
-    JYBridge.prototype.doBridgeCall = function (name, params, resolve, reject, timeoutId) {
-        var _this = this;
-        JYClientTHS.bridgeCallHandler(name, params, function (response) {
-            clearTimeout(timeoutId);
-            // 只要有响应就 resolve，即使是空对象或只有 login_status
-            // getUserInfoByRsa 未登录时返回 { login_status: "0" }
-            if (response !== undefined && response !== null) {
-                _this._bridgeVerified = true; // 标记为已验证可用
-                resolve(response);
-            }
-            else {
-                reject(new Error("\u8C03\u7528".concat(name, "\u65B9\u6CD5\u5931\u8D25\u4E86!")));
-            }
-        });
-    };
     /**
      * 调用App方法（纯回调版本，不返回Promise）
      * @param name 方法名
@@ -386,16 +301,64 @@ var JYBridge = /** @class */ (function () {
      * 检查Bridge是否已初始化
      */
     JYBridge.prototype.isReady = function () {
-        return !!this.bridge && this.isBridgeAvailable();
+        return !!this.bridge;
+    };
+    /**
+     * 检查Bridge是否真正可用
+     * 原因：从第三方页面返回时，iOS WebView可能重建，导致缓存的bridge引用失效
+     * @returns {boolean}
+     */
+    JYBridge.prototype.isBridgeAvailable = function () {
+        // 检查 window.WebViewJavascriptBridge 是否存在
+        if (!window.WebViewJavascriptBridge) {
+            console.warn('[JYBridge] Bridge不存在，需要重新连接');
+            return false;
+        }
+        // 检查 bridge 对象是否有 callHandler 方法
+        var wb = window.WebViewJavascriptBridge;
+        if (typeof wb.callHandler !== 'function') {
+            console.warn('[JYBridge] Bridge.callHandler方法不存在，可能已失效');
+            return false;
+        }
+        return true;
+    };
+    /**
+     * 主动重连Bridge
+     * 从第三方页面返回后调用此方法重置Bridge连接状态
+     * 使用 iframe 触发 iOS WebViewJavaScriptBridge 重新注入
+     * @returns {Promise<void>}
+     */
+    JYBridge.prototype.reconnect = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        console.log('[JYBridge] 开始重连Bridge...');
+                        // 重置状态
+                        this.bridge = null;
+                        // 对于 iOS 设备，使用 iframe 触发 bridge 重新注入
+                        // 这是 iOS WebViewJavaScriptBridge 的标准用法（官方demo使用 wvjbscheme://__BRIDGE_LOADED__）
+                        if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
+                            console.log('[JYBridge] iOS设备，使用iframe触发bridge重新注入');
+                            JYClientTHS._injectBridgeViaIframe();
+                        }
+                        // 重新初始化
+                        this.initPromise = this.init();
+                        return [4 /*yield*/, this.initPromise];
+                    case 1:
+                        _a.sent();
+                        console.log('[JYBridge] Bridge重连完成');
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     /**
      * 等待Bridge准备就绪
-     * 如果Bridge不可用，会尝试重连
      */
     JYBridge.prototype.waitForReady = function (timeout) {
-        var _this = this;
         if (timeout === void 0) { timeout = 300; }
-        // 如果Bridge存在且可用，直接返回
+        // 如果Bridge可用，直接返回
         if (this.bridge && this.isBridgeAvailable()) {
             return Promise.resolve();
         }
@@ -403,26 +366,10 @@ var JYBridge = /** @class */ (function () {
         if (this.bridge && !this.isBridgeAvailable()) {
             console.warn('[JYBridge] Bridge不可用，尝试自动重连...');
             return this.reconnect()
-                .then(function () {
-                if (_this.bridge && _this.isBridgeAvailable()) {
-                    return Promise.resolve();
-                }
-                // 重连后仍然不可用，等待初始化的Promise
-                if (_this.initPromise) {
-                    return Promise.race([
-                        _this.initPromise,
-                        new Promise(function (_, reject) {
-                            setTimeout(function () { return reject(new Error('JYBridge重连后初始化超时')); }, timeout);
-                        })
-                    ]);
-                }
-                return Promise.resolve();
-            })
-                .catch(function () {
-                return Promise.reject(new Error('JYBridge重连失败'));
-            });
+                .then(function () { return Promise.resolve(); })
+                .catch(function () { return Promise.reject(new Error('JYBridge重连失败')); });
         }
-        // Bridge完全不存在，执行初始化
+        // Bridge不存在，执行初始化
         if (this.initPromise) {
             return Promise.race([
                 this.initPromise,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crh-jssdk",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "crh-jssdk",
   "main": "dist/index.js",
   "scripts": {