JSBridgeとは

JSBridge は JS と Native 間の通信メソッドであり、Native と JS 間の通信を定義します。ネイティブは固定ブリッジ オブジェクトを通じてのみ JS を呼び出し、JS は固定ブリッジ オブジェクトを通じてのみ呼び出します。ネイティブ。

この記事では、Ionic や PhoneGap など、ハイブリッド開発を行ったことがある人なら誰でも知っているフレームワークをベースに Native のレイヤーをラップして紹介します。次に、Bridge technology の js を介してローカル ライブラリを呼び出します。

JSBridge: 名前は js と Native の間のブリッジを指しますが、実際には JSBridge は JS と Native の間の通信メソッドです。簡単に言えば、JSBridge はネイティブと JS の間の通信を定義します。ネイティブは固定ブリッジ オブジェクトを通じてのみ JS を呼び出し、JS は固定ブリッジ オブジェクトを通じてのみネイティブを呼び出します。 JSBridge は別名であり、よく知られたハイブリッド アプリ テクノロジです。

プロセス: H5->何らかの方法で URL をトリガー->ネイティブが URL をキャプチャし、分析します->ネイティブ処理->ネイティブは H5 の JSBridge オブジェクトを呼び出してコールバックを渡します。

ネイティブ WebView/UIWebView コントロールは既に Js とのデータ通信を実現できることを前述しましたが、なぜ JSBridge が必要なのでしょうか?

実際には、JSBridge を使用する場合は多くの考慮事項があります。

Android 4.2 より前の場合、addJavascriptInterface メソッドにはセキュリティ リークがあります。

iOS 7 より下の場合、JS は使用できません。 Native

url スキーム対話方式と呼ばれるメソッドは、既存の成熟したソリューションであり、さまざまなバージョンと完全に互換性があり、以前の古いバージョンのテクノロジとも互換性があります。

JSBridge テクノロジの実装

JSBridge を実装するには、次の手順に従って分析する必要があります。

ステップ 1: ネイティブと JS の相互作用を設計するグローバル ブリッジ オブジェクト

ステップ 2: JS がネイティブを呼び出す方法

ステップ 3: ネイティブが API が呼び出されたことをどのように認識するか

ステップ 4: URL パラメーターとコールバックを分析する

ステップ 5: ネイティブが JS を呼び出す方法

ステップ 6: H5 での API メソッドと形式の登録

JSBridge の完全なプロセスは次のように要約できます。 :

以上がJSBridgeとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。