Partager via

Gérer les protocoles dans Progressive Web Apps

  • Article

Pour créer une expérience plus attrayante, Progressive Web Apps peut gérer plusieurs protocoles. Une URL (Uniform Resource Locator) est une chaîne qui permet aux clients d’identifier une ressource sur le web. La première partie d’une URL est le protocole, tel que http ou mailto, qui permet aux clients de savoir comment récupérer la ressource.

Avec la gestion de protocole, lorsqu’une PWA est installée, la PWA peut s’inscrire pour gérer certains protocoles autorisés. Par exemple, une application cliente de messagerie peut s’inscrire pour gérer le mailto protocole, ou une application de géolocalisation peut s’inscrire pour gérer le geo protocole.

Les protocoles personnalisés peuvent également être gérés si une PWA inscrit un protocole qui commence par le web+ préfixe .

Pour en savoir plus sur les autres protocoles existants, consultez Liste des schémas d’URI.

Inscrire les protocoles à gérer

Pour utiliser la gestion des protocoles, déclarez les protocoles gérés par votre application. Cette opération est effectuée dans le fichier manifeste de votre application web, à l’aide du membre du protocol_handlers tableau. Chaque entrée du protocol_handlers tableau contient une protocol chaîne et une url chaîne :

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

Dans l’exemple ci-dessus, l’application est inscrite pour gérer le mailto protocole. Lorsque le système d’exploitation lance l’application en réponse au mailto protocole, l’application accède à l’URL /newEmail , en remplaçant l’espace %s réservé par l’URL complète gérée.

Voir aussi :

Tester les protocoles avec DevTools

Vous pouvez utiliser l’outil Application dans Microsoft Edge DevTools pour vérifier que Microsoft Edge a correctement inscrit votre application en tant que gestionnaire pour les protocoles que vous avez définis dans le manifeste de votre application web. Vous pouvez également tester des protocoles et lancer votre PWA avec différentes URL et points de terminaison. Pour plus d’informations, consultez Gestion du protocole PWA (Test Progressive Web App).

Voir aussi