Beispiel für das Schreiben von mobilem H5 zum Aufrufen einer APP (IOS, Android)

iOS

1. URL-Schema

Diese Lösung ist grundsätzlich für andere Browser als WeChat, den integrierten QQ-Browser, den QQ-Browser usw. gedacht. Sie können ein Schema nativ abrufen und es in das A-Tag einfügen oder zu location.href springen.

Verwenden Sie ein Iframe, um zur Seite zu springen. Wenn ein Schema vorhanden ist, wird andernfalls der Timer ausgelöst, um zur Download-Adresse zu springen. Bei dieser Methode in iOS werden Sie jedoch zweimal gefragt, wenn keine App vorhanden ist.

 var openApp = Funktion (Quelle) {
        // Versuche, die App über ein Iframe zu öffnen. Wenn sie normal geöffnet werden kann, wird direkt zur App gewechselt und das Standardverhalten des A-Tags automatisch blockiert. // Andernfalls öffne den href-Link des A-Tags const ifr = document.createElement('iframe');
        ifr.src = quelle;
        ifr.style.display = "keine";
        Dokument.Body.AnhängenUntergeordnetesElement(ifr);
        var Zeit = + neues Datum ()
        fenster.setTimeout(() => {
          Dokument.Body.RemoveChild(ifr);
          wenn ((+neues Datum()-openTime>2500)){
            window.location = 'Downloadadresse des APP Stores'
          }
        }, 600);
      };

2. Universal Link (ios)

Dies ist eine Funktion, die mit iOS9 eingeführt wurde. Wenn Ihre App Universal Links unterstützt, können Sie die App ganz einfach über einen herkömmlichen HTTP-Link starten (wenn Ihre App bereits auf dem iOS-Gerät installiert ist, ist keine weitere Beurteilung erforderlich) oder eine Webseite öffnen (wenn Ihre App nicht auf dem iOS-Gerät installiert ist). Vielleicht kann man es einfacher erklären. Vor iOS 9 konnten wir zum Aufwecken der App aus verschiedenen Browsern, Safari, UIWebView oder WKWebView, normalerweise nur Schema verwenden.

window.location.href = "Von der App bereitgestellter universeller Link"

Zusammenfassen

Kompatibles Schreiben

wenn (istGrößerAls9){
   window.location.href = "Universeller Link von der APP bereitgestellt";
   zurückkehren;
}
öffneApp(Quelle)

android

Ähnliche Methoden

 if (openApp('URL-Schema-URL')) {
            openApp('URL-Schema-URL');
          } anders {
            setzeTimeout(() => {
              window.location.href = 'APP Market Download-Adresse'; // Normalerweise Google, verschiedene App Stores haben unterschiedliche Adressen}, 600);
          }
      }

Zusammenfassen

Dies ist das Ende dieses Artikels über die mobile H5-Weck-App. Weitere relevante Inhalte zur mobilen H5-Weck-App finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!