Progressive Web App (PWA)
Vous pouvez publiez sous la forme d'une Progressive Web App. Plus performante et réactive, cette nouvelle technologie rend votre application accessible en hors ligne pour vos utilisateurs et accessible directement depuis un raccourci sur l'écran d'accueil de leur appareil mobile.
Les avantages de la PWA
Comme une web app classique, la Progressive Web App est consultable via un navigateur web (Chrome, Safari...) et aucun téléchargement n’est requis.
Depuis un appareil mobile, les utilisateurs peuvent créer un raccourci depuis leur écran d'accueil pour y accéder plus rapidement.
Elle est également disponible en hors ligne grâce aux services workers qui assurent la mise en cache du contenu.
C’est une bonne alternative aux formats natifs si vous souhaitez créer une application pour appareils mobiles.
Pour en savoir plus : Qu'est-ce que la Progressive Web App ?
Compatibilité des navigateurs
Une des principales contraintes de la PWA est la compatibilité des navigateurs dû à l'utilisation des services workers. Avant de vous lancer, vérifiez que votre audience est bien équipée :
| Navigateur | Version compatible |
|---|---|
| Chrome Desktop | 40 |
| Edge Desktop | 17 |
| Chrome Desktop | 44 |
| Internet Explorer Desktop | Non supporté |
| Opera Desktop | 24 |
| Safari Desktop | 11.1 |
| Android Webview | Non supporté |
| Chrome Android | 40 |
| Edge Mobile | 17 |
| Firefox Android Mobile | 44.0 (44) |
| IE Mobile | Non supporté |
| Opera Android | OK |
| Safari iOS | 11.1 |
Ajouter un raccourci à son écran d'accueil
Par défaut, votre PWA est consultable depuis un navigateur web et une URL dédiée. Voici la procédure pour qu'un utilisateur créé un raccourci vers votre PWA depuis l'écran d'accueil de son téléphone :
L'utilisateur doit déjà cliquer sur l'URL et ouvrir votre PWA depuis son téléphone.
Rendez-vous dans le menu du navigateur et choisir Ajouter à l'écran d'accueil
Choisir un nom pour ce raccourci.
L'icône apparaît sur l'écran d'accueil et votre PWA est désormais disponible hors connexion.