Qu’est-ce qu’une PWA ?

2 Mai, 2021 | Applications web & mobiles

Qu’est-ce qu’une PWA ?

La PWA (Progressive Web App) est un modèle de conception, où l’objectif principal est de travailler ou de fonctionner sur n’importe quelle plate-forme (où l’appareil est capable d’exécuter un navigateur mobile, bureau ..) développé par Google. Construit à l’aide de technologies Web courantes telles que HTML, CSS, JavaScript.

Trois composants principaux de PWA sont

Source : Goodbarber

  • App Shell : Il s’agit du squelette de votre application, à l’intérieur duquel seront diffusées vos données. L’App Shell contient les éléments principaux d’interface et les composants strictement nécessaires pour le fonctionnement de l’interface utilisateur.
  • Service worker (composant clé) – cerveau d’une PWA. Il s’agit de la base technique de nombreuses fonctionnalités qui distinguent les PWAs des sites web classiques. Il se positionne entre l’app et le navigateur (ou le réseau lorsqu’il est disponible) et peut fortement modifier le comportement de l’app grâce aux nombreuses possibilités
  • Modèle de distribution sur le Web, c’est-à-dire, manifeste de l’application Web, la spécification w3c est-elle suivie, un fichier JSON attaché à votre application Web définit les métadonnées pour l’installation de l’application telles que le nom, l’icône, la couleur du thème. Il s’agit donc d’un fichier descriptif qui permettra de donner un rendu plus natif à l’application avec un affichage plein écran, des icônes identifiables, ou encore la possibilité de modifier l’orientation de l’écran.

Les avantages des PWA

  • Elles sont plus claires, plus épurées et surtout plus intuitives, ces interfaces ont su se faire une place jusqu’aux plus grands écrans, faisant qu’aujourd’hui, pour conserver l’attention d’un utilisateur, vous devez absolument proposer une UX parfaite, peu importe la taille du terminal utilisé. Les Progressive Web Apps permettent d’accomplir cet exploit en combinant le meilleur des apps et du web, et en permettant d’offrir une expérience incomparable du mobile au desktop.

     

  • La PWA permet de réduire le temps et les efforts des développeurs en écrivant une seule base de code ou une base de code commune pour toutes les plates-formes afin d’obtenir la meilleure expérience Web et native !

     

  • Elles sont multi supports. Les Progressive Web Apps peuvent être exécutées sur n’importe quel terminal, et ont la capacité de s’adapter totalement à l’écran sur lequel elle sera lue. Ce fonctionnement présente deux avantages majeurs :
    • Le premier est évidemment que la PWA est développée avec les technologies du web. Cela coûte globalement moins cher de développer une PWA qu’une app native, d’autant que si on veut cibler iOS et Android, il faudra réaliser 2 développements natifs distincts.
    • Le deuxième avantage repose sur le fait que les Progressive Web Apps, Les PWAs s’exécutent dans une app universelle, le navigateur web. Tous les devices connectés à internet en possèdent un, aussi bien mobile, tablette que desktop.

 

  • Une PWA est utilisable hors ligne grâce à la technologie de « services worker » qui permet de sauvegarder les fichiers au niveau du navigateur. Aussi, après une première connexion, les contenus téléchargés seront accessibles sans que l’on ait besoin d’être connecté au web.

     

  • Une PWA est sécurisée puisqu’elle est accessible uniquement en HTTPS grâce au certificat SSL.

     

  • L’intégralité des contenus que vous produisez pour votre Progressive Web App est indexable par les moteurs de recherche. Votre app possède la même visibilité qu’un site web dans Google.

     

  • Une autre caractéristique fondamentale des Progressive Web Apps est incontestablement son aspect engageant. Alors qu’elles étaient jusqu’ici réservées aux apps natives, les développeurs peuvent désormais activer les notifications push pour les PWAs.

     

Vous avez un projet de PWA ?

Pour aller plus loin…