Partager via

Gérer les liens vers une PWA

Une application web progressive (PWA) sur le système d’exploitation de l’appareil peut gérer les liens, de sorte que lorsqu’une URL associée est activée, la PWA peut demander à être lancée au lieu du navigateur web, pour créer une expérience plus attrayante.

Cette gestion des liens est semblable à la façon dont les applications natives gèrent les liens sur de nombreux systèmes d’exploitation.

Le système d’exploitation sur lequel votre PWA est installé lance automatiquement votre PWA pour tout lien qui fait référence au contenu qui se trouve dans l’étendue de la PWA, lorsque l’une des conditions suivantes est remplie :

  • La PWA a été installée à partir du Microsoft Store sur Windows.
  • Le PWA a été installé à l’aide de Microsoft Edge, et Microsoft Edge est le navigateur par défaut sur l’appareil.

Aucun code n’est requis pour que la gestion automatique des liens fonctionne, mais les utilisateurs finaux peuvent refuser la gestion automatique des liens. Pour refuser la gestion automatique des liens :

  1. Dans Microsoft Edge, accédez à edge://apps.

  2. Recherchez la PWA pour laquelle vous souhaitez désactiver la gestion automatique des liens, puis cliquez sur Détails.

  3. Dans la page détails PWA, sous la section Gestion des liens , cliquez sur le bouton bascule.

Page de détails edge://apps pour l’application lecteur de musique PWAmp, montrant où se trouve le bouton bascule de gestion des liens

Les extensions d’étendue permettent à une application web progressive (PWA) de capturer la navigation vers des domaines, des sous-domaines ou des chemins d’accès autres que sa propre étendue. Les extensions d’étendue permettent aux applications web qui reposent sur plusieurs domaines de niveau supérieur, plusieurs sous-domaines ou plusieurs chemins d’accès d’être présentées sous la forme d’une seule application web.

L’extension d’étendue peut être utile dans des cas tels que les PWA qui gèrent la localisation à l’aide de plusieurs domaines, sous-domaines ou chemins d’accès.

Étendue PWA lorsque vous n’utilisez pas d’extensions d’étendue

Le manifeste d’une PWA définit la partie du domaine d’hébergement, telle qu’un chemin d’accès spécifique, à laquelle la PWA est limitée. Par exemple, le nom de www.contoso.com domaine peut avoir une PWA définie sous le chemin d’accès www.contoso.com/app, avec son étendue définie sur /app.

Dans ce cas, toutes les pages web du www.contoso.com/app chemin font partie de l’étendue PWA. Toutefois, si vous n’utilisez pas d’extensions d’étendue, les pages web suivantes ne font pas partie de cette étendue PWA :

  • Pages web dans un domaine différent, tel que www.contoso.co.uk.
  • Pages web d’un sous-domaine différent, tel que bar.contoso.com.
  • Pages web à un autre chemin d’accès, tel que www.contoso.com/foo.

Extension de l’étendue à d’autres domaines, sous-domaines ou chemins d’accès

En utilisant des extensions d’étendue, une PWA peut couvrir d’autres domaines, sous-domaines ou chemins d’accès. Par exemple :

Une PWA peut couvrir les domaines de niveau supérieur suivants :

  • contoso.com
  • contoso.co.uk
  • contoso.fr

Une PWA peut couvrir les sous-domaines suivants :

  • www.contoso.com
  • bar.contoso.com

Une PWA peut s’étendre sur les chemins suivants :

  • www.contoso.com/app
  • www.contoso.com/foo

Membre du scope_extensions manifeste de l’application web

Le scope_extensions membre du manifeste d’application web permet à une application web d’étendre son étendue à d’autres origines.

Par exemple, ce fichier manifeste d’application web réside dans le domaine sample-app.comet étend l’étendue à un autre domaine, : example.com

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "origin",
      "origin": "https://example.com"
    }
  ]
}

Les origines répertoriées dans le scope_extensions membre doivent confirmer qu’elles sont associées à l’application web en hébergeant un fichier de configuration nommé .well-known/web-app-origin-association. Le fichier de configuration doit répertorier l’origine de l’application web.

Par exemple, ce .well-known/web-app-origin-association fichier de configuration réside dans le domaine example.comet répertorie l’origine de l’application web en tant que domaine sample-app.com:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

Voir aussi :

Voir aussi

MDN :

Explicatifs :

  • Last updated on