ホームページ  >  記事  >  バックエンド開発  >  javascript - H5 ページは APP アプリケーションとどのように対話しますか?

javascript - H5 ページは APP アプリケーションとどのように対話しますか?

WBOY
WBOYオリジナル
2016-09-27 14:18:111224ブラウズ

アクティビティを作成し、アプリに H5 ページを埋め込みます。

ユーザーが H5 ページのボタンをクリックしてアプリの別のページにジャンプできるようにするにはどうすればよいですか?

たとえば、H5 ページの再充電ボタンをクリックすると再充電インターフェイスに移動し、[今すぐ購入] ボタンをクリックすると製品ページに移動します。

H5 と APP はデータをどのように操作しますか?

背景の書き方は?

例はありますか?

アドバイスをお願いします。

返信内容:

アクティビティを作成し、アプリに H5 ページを埋め込みます。

ユーザーが H5 ページのボタンをクリックしてアプリの別のページにジャンプできるようにするにはどうすればよいですか?

たとえば、H5 ページの再充電ボタンをクリックすると再充電インターフェイスに移動し、[今すぐ購入] ボタンをクリックすると製品ページに移動します。

H5 と APP はデータをどのように操作しますか?

背景の書き方は?

例はありますか?

アドバイスをお願いします。

上記の方法はすべて非常に優れています。しかし、実際には単純なジャンプ問題なので、それほど複雑である必要はありません。
WebView からジャンプ情報を取得し、Android エンドとフロントエンドがインターフェースについて話し合い、直接処理します。
例: ウェブにジャンプがあります

リーリー

クリック後、WebView の shouldOverrideUrlLoading 関数が起動されます。Android 側:

リーリー

JavaScriptCoreインターネット上には多くの例があり、Apple のドキュメントも非常に詳細です

Android 側では、WebView は H5 をロードし、H5 の js コードは次のようになります:

リーリー

現在の WebView が配置されているアクティビティにこれを記述します:

リーリー

そのうち、 JumpAppInterFace は別のアクティビティにジャンプするために注入する必要があるクラスで、大まかに次のようになります:

リーリー

stackoverflow でこれを見たので、動作するかどうかを確認してください。

リーリー
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。