Javascript での JSBridge に関する予備的研究

パブリッククラス CustomWebViewClient は WebViewClient を拡張します {
    @オーバーライド
    パブリックブール値の shouldOverrideUrlLoading(WebView ビュー、文字列 URL) {
      ......
      // シナリオ 1: 要求を傍受して受信する方式
        url.equals("xxx") の場合 {

            // ハンドル
            ...
            // 折り返し電話
            view.loadUrl("JavaScript:setAllContent(" + json + ");")
            true を返します。
        }
        super.shouldOverrideUrlLoading(url); を返します。
     }
}

- (void)webView:(WKWebView *)webView decisionPolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    if ([navigationAction.request.URL.absoluteString hasPrefix:@"xxx"]) {
        [[UIApplication sharedApplication] openURL:navigationAction.request.URL];
    }
    決定ハンドラ(WKNavigationActionPolicyAllow);
}

パブリック ブール onJsPrompt(WebView ビュー、文字列 origin、文字列 message、文字列 defaultValue、最終的な JsPromptResult 結果) {
  文字列は、parentEngine.bridge.promptOnJsPrompt(origin, message,defaultValue) で処理されます。
  xxx;
  true を返します。
}

-(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame 完了ハンドラー:(void (^)(void))完了ハンドラー{

  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:nil message:message?:@"" preferredStyle:UIAlertControllerStyleAlert];

  [alertController addAction:([UIAlertAction actionWithTitle:@"Confirm" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {

      完了ハンドラ();

  }])];

  [self presentViewController:alertController アニメーション:YES 完了:nil];

}

alert("xxx でよろしいですか?", "キャンセル", "OK", callback());

gpcWebView.addJavascriptInterface(新しい JavaScriptInterface()、'nativeApiBridge'); 
パブリッククラス JavaScriptInterface {
    コンテキスト mContext;

  JavaScriptインターフェース(コンテキストc) {
    mContext = c;
  }

  パブリック void share(String webMessage){            
    // ネイティブロジック}
}

ウィンドウのネイティブ API を共有します (xxx);

WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
WKPreferences *preferences = [WKPreferences new];
preference.javaScriptCanOpenWindowsAutomatically = YES;
設定.最小フォントサイズ = 40.0;
設定.preferences = 設定;
    

- (void)viewWillAppear:(BOOL)アニメーション
{
    [スーパービューが表示される:アニメーション];
    [self.webView.configuration.userContentController addScriptMessageHandler:self name:@"share"];
      [self.webView.configuration.userContentController addScriptMessageHandler:self name:@"pickImage"];
}
- (void)viewWillDisappear:(BOOL)アニメーション
{
    [スーパービューWillDisappear:アニメーション];
    [self.webView.configuration.userContentController スクリプトメッセージハンドラーの名前を削除します:@"share"];
    [self.webView.configuration.userContentController スクリプトメッセージハンドラーの名前を削除します:@"pickImage"];
}

window.webkit.messageHandlers.share.postMessage(xxx);

webView.loadUrl("javascript:" + javaScriptString);
webView.evaluateJavascript(javaScriptString, 新しいValueCallback<String>() {
  @オーバーライド
  パブリックvoid onReceiveValue(文字列値){
    xxx
  }
});

// スウィフト
functionevaluateJavaScript(_ javaScriptString: String, 
    完了ハンドラ: ((Any?、Error?) -> Void)? = nil)
// 呼び出される javascriptString JS コード // 実行後の completionHandler コールバック // objective-c
[jsContext の評価 JavaScript:@"ZcyJsBridge(ev, data)"]

パラメータ = {
  api_version: "xxx", // API バージョン title: "xxx", // タイトル filename: "xxx", // ファイル名 image: "xxx", // 画像リンク url: "xxx", // URL リンク success: function (res) {
    xxx; //呼び出しが成功した後に実行},
  失敗: 関数 (err) {
    (エラーコード == '-2')の場合{
      fail && fail(err); // 現在のクライアントに存在しない API バージョンが呼び出されました } else {
      const msg = err.msg; //例外情報 Toast.fail(msg);
    }
  }
};
ウィンドウのネイティブ API を共有します。

ウィンドウ.NativeApi.xxx({
    api_version:''、
    名前: "xxx",
    パス: "xxx",
    id: "xxx",
    成功: 関数 (res) {
      コンソールログ(res);
    },
    失敗: 関数 (err) {
      コンソールログ(エラー);
    }
});

reqNativeBridge(vm, fn) {
  もし(!isApp()) {
    // 呼び出しがAPP内で行われなかった場合 vm.$dialog.alert({
      メッセージ: 「この機能を使用するにはアプリへのアクセスが必要です」
    });
  } それ以外 {
    ネイティブAPIの場合
      // 初期バージョンの場合 vm.$dialog.alert({
        メッセージ:「この機能を使用するには、最新のアプリに更新してください」
      });
    } それ以外 {
      // ここでは、「現在のクライアントに存在しない API バージョンを呼び出しています」というエラー メッセージのみを処理します // その他の種類のエラー情報は、特定のビジネスによって処理されます fn && fn((err) => {
        vm.$dialog.alert({
          メッセージ:「この機能を使用するには、最新のアプリに更新してください」
        });
      });
    }
  }
}