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

Pete LePage

Les progressive web app (PWA) sont des applications modernes de haute qualité, conçues à l'aide de la technologie Web. Elles offrent des fonctionnalités semblables à celles des applications mobiles et de bureau, sont fiables même lorsque la connexion réseau est 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 comment installer des applications et connaissent les avantages d'une expérience installée. Les applications installées apparaissent sur les surfaces de lancement du système d'exploitation, comme le dossier "Applications" sur macOS X, le menu "Démarrer" sur Windows et l'écran d'accueil sur Android et iOS. Elles s'affichent également dans le sélecteur d'activités, les moteurs de recherche d'appareils tels que Spotlight et 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. Par exemple, un bouton "Installer" peut s'afficher dans la barre d'adresse ou un élément de menu "Installer" dans le menu de dépassement.

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.
• Elle répond aux heuristiques d'engagement des utilisateurs :
  • 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.
• Elle est diffusée via HTTPS.
• Elle inclut un fichier manifeste d'application Web qui contient les éléments suivants :
  • short_name ou name
  • icons : doit inclure une icône de 192 px et une icône de 512 px
  • start_url
  • display : doit être fullscreen, standalone, minimal-ui ou window-controls-overlay
  • prefer_related_applications ne doit pas être présent ou doit être false

D'autres navigateurs ont des critères d'installation semblables, mais il peut y avoir de légères différences. Pour en savoir plus, consultez les sites correspondants :

• Exigences concernant les PWA Edge
• Exigences concernant les PWA Firefox