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.

progressive-web-app-navigateur.png

Rendez-vous dans le menu du navigateur et choisir  Ajouter à l'écran d'accueil
progressive-web-app-options.png

Choisir un nom pour ce raccourci.
progressive-web-app-accueil.png

L'icône apparaît sur l'écran d'accueil et votre PWA est désormais disponible hors connexion.progressive-web-app-icone.png

Vous avez encore besoin d'aide ? Contactez-nous Contactez-nous