WeChat アプレットと h5 間の相互ジャンプ

WeChatアプレットとh5間の相互ジャンプのシーン配置

1. WeChat アプレットに埋め込まれた h5

  • WeChat アプレットは埋め込まれた h5 にジャンプします。
<web-view :src="loadUrl"></web-view>

WeChat アプレットに WebView ファイルを書き込み、WebView を通じて h5 にジャンプします。loadUrl は h5 のアドレスです。

  • ネストされた h5 は WeChat アプレットの内部に戻ります
 import wx from 'weixin-js-sdk';
 wx.miniProgram.navigateTo({
    
    
  	url: "/pages/index/index",
 });

WeChat jsSdk を h5 に導入し、wx.miniProgram.navigateTo を通じて WeChat アプレットの内部に戻ります。

2. ネストされていない、WeChat アプレットを開くには h5 にジャンプする必要があります

URL スキームとURL リンクの合計数は、wx-open-launch-weapp、 URL スキーム、およびURL リンクを通じて毎日生成できます。合計数は 500,000 に制限されています

  • オープンラベル: wx-open-launch-weapp
    参考ドキュメント: wx-open-launch-weapp
  • URL スキーム
    サーバー API。このインターフェイスは、アプレットのスキーム コードを取得するために使用されます。これは、アプレットを起動するための SMS、電子メール、外部 Web ページ、WeChat などのビジネス シナリオに適用できます。現在、国内の個別科目以外のミニプログラムのみに公開されています
    :
    1. WeChat の Web ページ上でミニプログラムを開きたい場合は、WeChat オープンタブ - ミニプログラム ジャンプ ボタンを使用してください。無料のジャンピング アプレットについては、「クラウド開発の静的 Web サイト ジャンピング アプレット」を参照してください。オープンスコープを満たす小規模なプログラムは、小規模なプログラムのオープンをサポートする SMS メッセージを送信できます
    2. この機能は基本的にユーザーが現在使用している WeChat のバージョンをカバーしており、開発者は下位バージョンと互換性を持たせる必要はありません 3. URL スキームのみ4
    つの公開された小さなプログラムを生成できます
    開発者は、ユーザーがジャンプしないことを選択した場合のシナリオを適切に処理するように求められます。
    一部のブラウザーでは、Web ページを開くときに直接ジャンプが制限されます。ジャンプ ボタンを設定するには、サンプル Web ページを参照してください。

バックエンド インターフェイスを通じて生成される URL スキームは次のとおりです。

weixin://dl/business/?t= *TICKET*

iOS システムは URL スキームの識別をサポートしており、テキスト メッセージなどのアプリケーション シナリオでスキームを介してアプレットに直接ジャンプできます。
Android システムは URL スキームの直接認識をサポートしていないため、ユーザーは通常、Scheme を通じてアプレットを開くことができません。開発者は H5 ページを使用して転送し、その後 Scheme にジャンプしてアプレットを開く必要があります。ジャンプ コードの例は次のとおりです:

location.href = 'weixin://dl/business/?t= *TICKET*'

効果:
ここに画像の説明を挿入

このジャンプ メソッドは、ユーザーが H5 を開いた直後、またはユーザーがイベントをトリガーした後に呼び出すことができます。

  • URL リンク
    サーバー API。ミニ プログラムの URL リンクを取得し、SMS、電子メール、Web ページ、WeChat などのビジネス シナリオに適用してミニ プログラムを起動します。現時点では、国内の個別科目以外のミニプログラムにのみ公開されています
    注:
    1. 公開されているミニプログラムの URL リンクのみ生成できます。
    2. WeChat または Android スマートフォンで URL リンクを開くと、デフォルトで公式 H5 中間ページがリダイレクトされますが、H5 コンテンツをカスタマイズする必要がある場合は、クラウドを使用して静的 Web サイトを開発できます。
    バックエンド インターフェイスを通じて生成される URL スキームは次のとおりです。
https://wxaurl.cn/TICKET 或 https://wxmpurl.cn/TICKET

効果:
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_45059911/article/details/131702452