Mit handleOpenURL mit Benutzerdefinierte URL-Schema in Cordova

Bin ich, eine app zu entwickeln und haben fast alles herausgefunden, außer für das benutzerdefinierte URL-Schema plugin(https://github.com/EddyVerbruggen/Custom-URL-scheme). Ich habe erfolgreich das plugin installiert und eingerichtet, eine benutzerdefinierte URL-Schema von signsrestaurantandbar. Also wenn ich mit signsrestaurantandbar://meine-Anwendung wird geöffnet. Das problem, das ich bin vor ist der Umgang mit der URL. In der readme-Datei, es sagt, ich kann die Funktion handleOpenURL(URL) für diese, aber ich bin immer noch Probleme versucht zu laden einer bestimmten Seite innerhalb der app.

Hier ist, was ich versucht habe:

function handleOpenURL(url) {
      var strValue = url;
      strValue = strValue.replace('signsrestaurantandbar://','');
      window.location.href = strValue + ".html";
  }

Lege ich diese in mein index.html Seite... obwohl es öffnen sollte page.html zum laden signsrestaurantandbar://Seite, er macht es nicht richtig. In meinem chrome-Konsole, es sagt, dass es geladen Sie die Seite, aber es wird leer angezeigt, ohne Fehler und dies geschieht nur einmal. Wenn ich versuche zu laden signsrestaurantandbar://- Seite beim zweiten mal ist es einfach nur lädt die app.

Ich würde schätzen, irgendwelche Tipps, wie zu nähern, laden bestimmte Seiten verwenden die benutzerdefinierte URL-Schema an.

InformationsquelleAutor user3839044 | 2015-12-13
  1. 10

    Müssen Sie sicherstellen, dass Sie die Liste Ihrer "custom" - URL in Ihrem CSP.

    Hinzugefügt 2016-02-11: HINWEIS: IHRE APP IST JETZT UNSICHER. ES IST BIS ZU IHNEN, SICHERN SIE IHRE APP.

    Es würde in etwa so Aussehen:

    <meta http-equiv="Content-Security-Policy" 
         content="default-src * signsrestaurantandbar:; 
                  style-src * 'self' 'unsafe-inline' 'unsafe-eval'; 
                  script-src * 'self' 'unsafe-inline' 'unsafe-eval';">

    In der Regel die wildcard-Einstellung (*) verarbeiten kann die meisten Anwendungen, aber nicht Ihr "custom" - Protokoll.
    HINWEIS: Wildcard-Einstellung, die das Potenzial haben, halten Sie Ihre app aus dem "app-stores".

    Möglicherweise müssen Sie auch hinzufügen, um Ihre config.xml

    <allow-intent href="signsrestaurantandbar:" />

    Diese whitelist Arbeitsblatt soll helfen.
    WIE die Cordova/Phonegap die whitelist-system

    Sollten Sie auch Lesen Sie die whitelist matrix, vor allem die sectionon <allow-intent (...) /> - viel Glück

    • Geez, das war es, was fehlte. Ich glaube, ich verstehe das CSP ein wenig besser jetzt. Nochmals vielen Dank!
    • Gäbe es irgendeinen anderen Grund handleOpenURL() nicht aufgerufen wird? Ich habe versucht den obigen Ansatz mit den <allow-intent> und der CSP zusammen, aber kann immer noch nicht die Funktion aufgerufen.
    • Feste mein Problem. Für einige Grund, die handleOpenURL () - Funktion funktioniert nur, wenn ich es in <script> - tag innerhalb der HTML-Körper.
    • die oben genannten Einstellungen stellen Sie Ihre app unsicher. Darüber hinaus Ihre app vielleicht ablehnen, indem Sie die "app-stores". Wenn Sie halten Sie Javascript und CSS in einer separaten Datei, die Sie nicht brauchen, um verwenden Sie die CSP; dies wird auch helfen, sichern Sie Ihre App.
    • Haben Sie versucht, mit dem gleichen mit ionic-Projekt und habe es funktioniert? In Ionic + Eckig, Wie die handleopenURL muss in der controllers/app.js ich bin nicht in der Lage, es zu benutzen. Aber wenn Orte außerhalb Controller und in den Körper seiner Arbeit! Jede andere Weise, um es arbeiten die Ionische + Winkel Weg?
    • danke für den Tipp. Seit meinem vorherigen posting habe ich verschoben, Weg von diesem plugin und habe mit Universal Links statt. github.com/nordnet/cordova-universal-links-plugin
    • Dies ist, wo Sie wissen, ein wenig mehr über javascript hilft. Ich habe die "EventEmitter.js" die Bibliothek, um ein Ereignis ausgelöst und lauschten der Veranstaltung über das eckige.laufen (Winkel-1) - Funktion.

    InformationsquelleAutor JesseMonroy650
  2. 8

    Hinzufügen von globalen handleOpenURL Funktion mit diesem code:

    window.handleOpenURL = function(url) {
  console.log(">>>>>>>>>>>>>>>>>>>");
  //do stuff, for example
  //document.getElementById("url").value = url;
  console.log(url);
};

    Sehen Cordova Benutzerdefinierte URL-Schema Handhabung.

    Beachten Sie, dass wenn Sie alert in dieser Funktion wird Ihre app hängen würde:

    Sie nicht starten können interaktive Funktionen wie Benachrichtigungen in der handleOpenURL-code, wenn Sie dies tun, wird Ihre app hängen. Ebenso sollten Sie sich nicht, rufen Sie eine Cordova-APIs gibt, es sei denn, Sie wickeln Sie es zuerst in eine setTimeout-Aufruf, mit einem timeout-Wert von null.

    Der Vorteil dieser Methode ist, Sie brauchen nicht zu ändern Content Security Policy mit Content-Security-Policy meta-tag.

    • Wo genau füge ich deinen code ein? Ich habe versucht document.addEventListener('deviceready',function (){... aber hat nicht funktioniert.
    • Ja, das ist, wo ich es platzieren, in deviceready event-handler. Wie testen Sie, dass Ihre handleOpenURL aufgerufen wurde? Ich habe bemerkt, dass Chrome Developer tools nicht melden zuverlässig für mich.
    • Ich habe eine <div>urlscheme</div> bei index.html und mit jQuery ersetzen Sie den text urlscheme mit der url, nur um zu sehen, ob es funktioniert. aber bisher ohne Ergebnis.
    • 2017 , nicht arbeiten. Sie müssen verpasst haben somthign in den Anweisungen, die uns verwirrend. bitte aktualisieren Sie.
    • Ich kämpfte mit diesem gleichen Problem - auch nach den oben genannten änderungen, die handleOpenURL hätte, würde die Funktion nicht aufgerufen werden. Das benutzerdefinierte URL-Schema würde das öffnen meiner app, aber wäre die Funktion nicht aufgerufen werden. Nachdem ich Hinzugefügt <script src="cordova.js"></script> auf den <head> meine index.html Datei, es funktioniert!
    InformationsquelleAutor Pavel Chuchuva
Schreibe einen Kommentar