Behandeln von Protokollen in progressiven Web-Apps

  • Artikel

Um eine ansprechendere Erfahrung zu schaffen, kann Progressive Web-Apps mehrere Protokolle verarbeiten. Ein Uniform Resource Locator (URL) ist eine Zeichenfolge, mit der Clients eine Ressource im Web identifizieren können. Der erste Teil einer URL ist das Protokoll, z http . B. oder mailto, mit dem Clients wissen, wie die Ressource abgerufen wird.

Bei der Protokollverarbeitung kann sich der PWA registrieren, wenn eine PWA installiert wird, um bestimmte zulässige Protokolle zu verarbeiten. Beispielsweise kann sich eine E-Mail-Client-App registrieren, um das mailto Protokoll zu verarbeiten, oder eine Geolocation-App kann sich registrieren, um das geo Protokoll zu verarbeiten.

Benutzerdefinierte Protokolle können auch verarbeitet werden, wenn ein PWA ein Protokoll registriert, das mit dem web+ Präfix beginnt.

Weitere Informationen zu anderen vorhandenen Protokollen finden Sie unter Liste der URI-Schemas.

Registrieren der zu behandelnden Protokolle

Um die Protokollverarbeitung zu verwenden, deklarieren Sie, welche Protokolle Ihre App verarbeitet. Dies erfolgt in ihrer Web-App-Manifestdatei mithilfe des protocol_handlers Arraymembers.

Jeder Eintrag im protocol_handlers Array enthält eine protocol Zeichenfolge und eine url Zeichenfolge:

{
    "protocol_handlers": [
        {
            "protocol": "mailto",
            "url": "/newEmail?to=%s"
        }
    ]
}

Im obigen Beispiel wird die App registriert, um das mailto Protokoll zu verarbeiten. Wenn das Betriebssystem die App als Reaktion auf das mailto Protokoll startet, navigiert die App zur /newEmail URL und ersetzt den %s Platzhalter durch die vollständige URL, die behandelt wird.

Testen von Protokollen mit devTools

Sie können das Anwendungstool in Microsoft Edge DevTools verwenden, um zu überprüfen, ob Microsoft Edge Ihre App erfolgreich als Handler für die Protokolle registriert hat, die Sie in Ihrem Web-App-Manifest definiert haben. Sie können auch Protokolle testen und Ihre PWA mit verschiedenen URLs und Endpunkten starten. Weitere Informationen finden Sie unter Test Progressive Web App (PWA)-Protokollbehandlung.

Siehe auch