APP (IOS、Android) を呼び出すモバイル H5 の記述例

iOS

1. URLスキーム

このソリューションは基本的に、WeChat、QQ 組み込みブラウザ、QQ ブラウザなど以外のブラウザ向けです。ネイティブからスキームを取得して a タグに配置したり、location.href にジャンプしたりできます。

iframe を使用してページにジャンプします。スキームがある場合はタイマーがトリガーされ、スキームがない場合はダウンロードアドレスにジャンプします。ただし、iOS でこの方法を使用すると、アプリがない場合に 2 回プロンプトが表示されます。

 var openApp = 関数 (src) {
        // iframe 経由で APP を開こうとします。正常に開くことができた場合は、APP に直接切り替わり、a タグのデフォルトの動作が自動的にブロックされます。// それ以外の場合は、a タグの href リンクを開きます const ifr = document.createElement('iframe');
        ifr.src = src;
        ifr.style.display = 'なし';
        ドキュメント本体に子要素を追加します(ifr);
        var 時間 = +新しい日付()
        ウィンドウ.setTimeout(() => {
          document.body.removeChild(ifr);
          ((+新しい日付()-openTime>2500)){
            window.location = 'APP Storeのダウンロードアドレス'
          }
        }, 600);
      };

2. ユニバーサルリンク (iOS)

これは iOS9 で導入された機能です。アプリがユニバーサルリンクをサポートしている場合は、従来の HTTP リンクを介してアプリを簡単に起動したり (アプリが iOS デバイスにすでにインストールされている場合は追加の判断は不要)、Web ページを開いたり (アプリが iOS デバイスにインストールされていない場合) できます。おそらく、もっと簡単に説明できるでしょう。iOS 9 より前では、Safari、UIWebView、WKWebView などのさまざまなブラウザからアプリを起動する必要がある場合、通常はスキームしか使用できませんでした。

window.location.href = "APP によって提供されたユニバーサル リンク"

要約する

互換性のある書き込み

if (isGreaterThan9){
   window.location.href = "APP によって提供されたユニバーサル リンク";
   戻る;
}
openApp(ソース)

アンドロイド

同様の方法

 if (openApp('urlスキームurl')) {
            openApp('urlスキームurl');
          } それ以外 {
            タイムアウトを設定する(() => {
              window.location.href = 'APP Market ダウンロード アドレス'; // 通常は Google ですが、アプリ ストアによってアドレスが異なります}, 600);
          }
      }

要約する

モバイル H5 ウェイクアップアプリに関するこの記事はこれで終わりです。モバイル H5 ウェイクアップアプリに関する関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません: