Quels sont les éléments nécessaires pour être installable ?

Les progressive web apps (PWA) sont des applications modernes et de haute qualité créées à l'aide de la technologie Web. Les PWA offrent des fonctionnalités similaires aux applications iOS/Android/de bureau. Elles sont fiables, même en cas de connexion 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 savent installer des applications et connaissent les avantages d'une expérience installée. Les applications installées s'affichent sur les surfaces de lancement du système d'exploitation, telles que le dossier "Applications" sur Mac OS X, le menu "Démarrer" sous 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, ainsi que 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 remplit certains critères. Par exemple, un bouton "Installer" dans la barre d'adresse ou un élément de menu "Installer" dans le menu à développer.

Capture d'écran de la barre omnibox avec l'indicateur d'installation visible.
Promotion d'installation fournie par le navigateur (ordinateur)
Capture d'écran de la promotion d'installation fournie par le navigateur
Promotion d'installation fournie par le navigateur (mobile)

De plus, 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 avant de déclencher l'événement beforeinstallprompt et d'afficher la promotion d'installation dans le navigateur :

  • L'application Web n'est pas déjà installée
  • Respecte les heuristiques 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 comprend les éléments suivants :
    • short_name ou name
    • icons : doit inclure une icône de 192 x 192 pixels et une icône de 512 x 512 pixels
    • start_url
    • display : doit être défini sur fullscreen, standalone, minimal-ui ou window-controls-overlay
    • prefer_related_applications ne doit pas être présent ou doit être false

Les autres navigateurs ont des critères d'installation similaires, bien que de légères différences puissent exister. Pour en savoir plus, consultez les sites respectifs :