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

Pete LePage

Les progressive web apps (PWA) sont des applications modernes et de haute qualité conçues avec la technologie Web. Les PWA offrent des fonctionnalités similaires à celles des applications mobiles et de bureau. Elles 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 sont habitués à 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, comme le dossier "Applications" sur macOS X, le menu "Démarrer" sur Windows et l'écran d'accueil sur Android et iOS. Les applications installées s'affichent également dans le sélecteur d'activité, dans les moteurs de recherche de l'appareil tels que Spotlight et dans les feuilles de partage de contenu.

La plupart des navigateurs indiquent à l'utilisateur que votre progressive web app (PWA) est installable lorsqu'elle répond à certains critères. Par exemple, un bouton "Installer" 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 UX 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 :
  • 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 défini sur fullscreen, standalone, minimal-ui ou window-controls-overlay
  • prefer_related_applications ne doit pas être présent ou doit être défini sur false.

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

• Edge
• Firefox