Les progressive web apps (PWA) sont des applications modernes de haute qualité créées à l'aide de la technologie Web. Les PWA offrent des fonctionnalités semblables à celles des applications iOS/Android/de bureau. Elles sont fiables même en cas de réseau instable, et peuvent être installées, ce qui permet aux utilisateurs de les trouver et de les utiliser plus facilement.
La plupart des utilisateurs connaissent l'installation d'applications et les avantages d'une expérience installée. Les applications installées apparaissent sur les surfaces de lancement du système d'exploitation, telles que le dossier "Applications" sous Mac OS X, le menu Démarrer sur Windows et l'écran d'accueil sur Android et iOS. Les applications installées apparaissent également dans le sélecteur d'activités, les moteurs de recherche d'appareils tels que Spotlight et dans les feuilles de partage de contenu.
La plupart des navigateurs indiquent à l'utilisateur que votre progressive web app (PWA) peut être installée lorsqu'elle répond à certains critères. Voici quelques exemples d'indicateurs : un bouton "Installer" dans la barre d'adresse ou un élément de menu "Installer" dans le menu à développer.
En outre, lorsque les critères sont remplis, de nombreux navigateurs déclenchent un événement beforeinstallprompt
, ce qui vous permet de fournir une expérience utilisateur personnalisée dans l'application qui déclenchera le flux d'installation dans votre application.
Critères d'installation
Dans Chrome, votre progressive web app doit répondre aux critères suivants pour déclencher l'événement beforeinstallprompt
et afficher la promotion d'installation dans le navigateur:
- L'application Web n'est pas déjà installée
- Répond à l'heuristique d'engagement utilisateur :
- L'utilisateur doit avoir cliqué ou appuyé sur la page au moins une fois (à tout moment, même lors d'un chargement de page précédent).
- L'utilisateur doit avoir passé au moins 30 secondes à consulter la page (à tout moment).
- Être diffusée via HTTPS
- Inclut un fichier manifeste d'application Web qui inclut les éléments suivants :
short_name
ouname
icons
: doit inclure des icônes de 192 pixels et de 512 pixelsstart_url
display
: doit êtrefullscreen
,standalone
ouminimal-ui
prefer_related_applications
ne doit pas être présent ou êtrefalse
D'autres navigateurs présentent des critères d'installation similaires, bien qu'il puisse y avoir de légères différences. Pour en savoir plus, consultez les sites concernés: