Avec l'avancement de nouvelles fonctionnalités dans les navigateurs modernes, il cherche chaque jour à intégrer davantage l'utilisateur aux nouvelles technologies et c'est ce que Google, avec son navigateur Google Chrome, s'efforce de faire et c'est avec le lancement de Google Chrome 70 un nouveau fonctionnalité a été intégrée telle que la compatibilité avec les applications Web progressives (PWA).
Une PWA est un site Web ou un service qui peut être installé en tant qu'application sur un ordinateur de bureau ou un appareil mobile et son objectif est d'utiliser les sites en tant qu'applications Web, mais en augmentant leurs fonctions et leur polyvalence. Cela permet aux développeurs d'accéder aux services de plusieurs plates-formes en une seule fois plutôt que de créer des applications distinctes qui prennent du temps et des ressources.
Fonctionnalités des applications progressivesLes Progressive Web Apps ou Progressive Web Apps sont essentiellement des expériences utilisateur qui ont la portée du Web et présentent des caractéristiques telles que :
- Fiabilité car il se charge instantanément, même dans des conditions de réseau variables.
- Rapide car ils répondent rapidement aux interactions des utilisateurs avec des animations fluides et simples sans défilement.
- Engagé car il fonctionne comme une application naturelle sur l'appareil, avec une expérience utilisateur immersive.
La création d'une application Web progressive de haute qualité présente des avantages tels que :
- Il peut être sur l'écran d'accueil de l'appareil.
- Cela fonctionne de manière fiable.
- De meilleures notifications push.
- Capacité à offrir une expérience utilisateur améliorée
Solvetic vous expliquera comment installer une application Web PWA sur Google Chrome.
Comment installer des applications progressives sur Chrome
Étape 1
La première étape à faire est de confirmer que nous utilisons la version 70 de Google Chrome, pour cela nous avons deux options qui sont :
- Ouvrez un nouvel onglet et saisissez la ligne suivante :
chrome : // paramètres / aide
- Allez dans le menu Personnaliser et contrôler Google Chrome et là allez dans le chemin : "Aide / A propos de Google Chrome"
Étape 2
Désormais, Google Chrome en tant que tel ne propose pas de boutique PWA, il faudra donc savoir quels services proposent ces PWA, par exemple Spotify ou Twitter. Pour ce cas, nous utiliserons Spotify et pour cela, nous irons au lien suivant de Google Chrome :
Étape 3
Après avoir accédé au site mentionné, cliquez sur le menu Personnaliser et contrôler Google Chrome et là nous trouvons une nouvelle option appelée "Installer Spotify":
Étape 4
En cliquant là, la fenêtre pop-up suivante s'affichera :
Étape 5
Là, il faut cliquer sur le bouton "Installer" pour continuer le processus, dans le cas des autres PWA le processus est identique :
Étape 6
En cliquant sur le bouton "Installer", nous serons automatiquement redirigés vers l'application :
AGRANDIR
Étape 7
Maintenant, nous pouvons trouver l'application à partir du menu Démarrer et à partir de là, nous pouvons l'ancrer à la fois dans la barre des tâches et dans le menu Démarrer lui-même en cliquant dessus avec le bouton droit. Afin de déterminer si une application est une PWA, nous pourrons voir le conteneur du navigateur qui l'entoure.
AGRANDIR
Étape 8
Pour le désinstaller, il faut cliquer sur le menu et sélectionner l'option "Désinstaller" dans la liste affichée :
Activer AWP sur macOS et LinuxQuelque chose d'important à mentionner également, c'est que nous avons la possibilité d'installer les PWA du Microsoft Store dans Windows 10 et Google ajoutera officiellement le support de PWA dans Chrome pour macOS et Linux avec l'édition Chrome 72 mais si nous voulons utiliser PWA sous Linux et macOS , nous devons exécuter ce qui suit dans le navigateur. Cela activera PWA et il sera nécessaire de redémarrer le navigateur pour que les modifications soient appliquées.
chrome : // drapeaux / # enable-desktop-pwas
Ainsi, on peut installer les applications PWA de Google Chrome sous Windows 10 et profiter de cette nouvelle fonctionnalité intégrée au navigateur.
