2017-07-04 2 views
0

Ich habe eine iOS und Android App und baue eine entsprechende Website. Ich möchte, dass die Webseite, wenn sie mit einem mobilen Gerät geöffnet wird, die App oder die entsprechende App Store-Seite öffnet (ohne Facebook-App-Links zu verwenden). Auf der App-Seite funktioniert alles, einschließlich des URL-Schemas.Überprüfen, ob die App von der Webseite installiert ist

Kann jemand dieses Verfahren ohne externe Dienste mit HTML und JS implementieren?

Vielen Dank im Voraus für Ihre Hilfe.

+0

https://encrypted.google.com/search?hl=de&q=android%20OR%20ios%20open%20website%20in%20app – str

+0

Sie sollten in der Lage sein, den * User Agent * zu sehen und zu sehen, ob sie ' Sie kommen von einem Mobiltelefon zu Ihrer Website. Trotzdem ist die automatische Umleitung zu einer App Store-Seite schrecklich (meiner Meinung nach). –

+0

Danke für deinen Rat @JayGould, ich werde den Benutzer vielleicht nicht zum Appstore weiterleiten. Ich werde die vorgeschlagene Lösung ausprobieren. – ppablo

Antwort

1

Um ehrlich zu sein, ist es ein bisschen mühsam, es selbst zu implementieren. Es gibt keinen einfachen Weg, um alles ohne eine Menge unangenehmer Randfälle zu meistern, vor allem die Fehlermeldung "Can not Open Page" Bis iOS 9, wurde eine vernünftige grundlegende Implementierung gesetzt

setTimeout(function() { 
    window.location = "https://yourdomain.com"; 
}, 25); 

// If "yourapp://" is registered, the user will see a dialog 
// asking if they want to open your app. If they agree, your 
// app will launch immediately and the timer won't fire. 
// If not installed, you'll get an ugly "Cannot Open Page" 
// dialogue and your fallback page will open when the timer expires. 

window.location = "yourapp://"; 

Leider zeigen würde eine dieses noch ‚kann nicht geöffnet Seite‘ Fehler, aber bis vor kurzem war es möglich, um diese in einem bekommen ziemlich benutzerfreundlich: ein JavaScript wie diese in eine spezielle Umleitung Seite auf Ihrer Website umleiten Leider ist Apple intentionally broke that with the iOS 9.2 update, so benutzerdefinierte URL-Schemas sind eigentlich ziemlich nutzlos für Deep-Linking jetzt, es sei denn, Sie sind bestimmte die App ist bereits installiert auf diesem Gerät.

Apple versucht offensichtlich, den neueren Universal Links Standard so viel wie möglich zu schieben. Mit Universal Links können Sie eine normale http:// URL zu einer Seite Ihrer Website verwenden (die Seite könnte eine einfache Weiterleitung zu Ihrer gewünschten Fallback-Webseite ohne den benutzerdefinierten URL-Auslöser sein, der den Fehler "Can not Open Page" verursacht), der von Ihrem Telefon abgefangen wird und wird direkt in Ihre App gesendet, falls installiert.

Dies ist ziemlich viel zu handhaben, so die beste Option könnte ein kostenloser Service wie Branch.io sein (vollständige Offenlegung: Ich arbeite mit dem Team), um alle technischen Aspekte zu kümmern. Sie können Beispiele für Apps mit dem Branch-Service here finden.

+0

erlauben Sie mir, eine zusätzliche Frage hier zu stellen; wir haben die Anforderung, ein benutzerfreundliches Banner anzuzeigen, das die Installation unserer App ankündigt, _wenn es noch nicht installiert ist_. Haben Sie eine Richtung, wie Sie das erreichen? –

+0

Hallo @ AdrianFöder! Werfen Sie einen Blick auf [diese Dokumentation] (https://docs.branch.io/pages/web/journeys/) - sollte für Ihre Anforderung hilfreich sein. –

Verwandte Themen