Qu'est ce qu'une Progressive Web App ?

Réponses rédigées par Antoine
Dernière mise à jour : 2018-07-31 12:40:04
Thèmes : apps - webmaster - html5
Question

Qu'est ce qu'une Progressive Web App (PWA), et en quoi une Progreesive Web App diffère d'une App standard ?

Réponse

Les Progressive Web Apps ou PWA sont des applications Web. Les PWA tentent d'apporter la convivialité d'une application mobile native à l'ensemble des fonctionnalités des navigateurs modernes, en tirant pleinement parti des avancées dans les deux domaines de développement.

Qu'est-ce qui définit une Progressive Web App PWA ?

  • Universelle : Une PWA doit fonctionner de manière transparente pour tous les utilisateurs, quel que soit leur navigateur.
  • Responsive : Les PWA doivent fonctionner avec n'importe quel appareil, tel que votre ordinateur portable, votre tablette, votre smartphone, etc.
  • Conception : Le design doit imiter les applications mobiles natives, ce qui signifie des menus simplifiés et faciles à trouver, avec une interactivité simple pour les fonctionnalités avancées.
  • Sécurisée: Les PWA doivent utiliser HTTPS pour sécuriser les données de l'utilisateur.
  • Engagement: Une PWA doit avoir accès à des fonctionnalités d'engagement natives, telles que les notifications push.
  • Mises à jour: Les PWA restent à jour et diffusent les dernières versions d'un service ou d'un site.
  • Installation facile: Les PWA s'installent sans avoir recours à un app store.
  • Partage: Les PWA ne nécessitent qu'une seule URL à partager, sans aucune installation supplémentaire nécessaire.

Comme vous pouvez le voir, les PWA visent à fournir aux utilisateurs une expérience complète, comme un site Web avec des fonctionnalités simplifiées.

En tant que tels, un panel de services Web forment la base de la norme PWA, en utilisant le cache Web pour des résultats presque instantanés.

Les technologies généralement utilisées pour développer une Progressive Web App sont le langage HTML5, un langage coté serveur tel que PHP, couplé souvent à un serveur de Sockets tel que Node.js + Socket.io.

Conditions pour utiliser une Progressive Web App: un navigateur compatible et un service compatible PWA.

  • Navigateur de bureau (support complet): Chrome, Firefox, Opera, Navigateur QQ, Navigateur 360
  • Navigateur de bureau (support à améliorer): Safari, Microsoft Edge
  • Navigateur mobile (support complet): Chrome, Firefox, Xiaomi, Navigateur UC, Baidu, Wechat, Sogou, Navigateur 360, Quark
  • Navigateur mobile (support partiel): Samsung, QQ Browser
  • Navigateur mobile (support buggé): Guépard

Les principaux navigateurs supportent tous les PWA. Dans le cas de Microsoft Edge et Safari, un support additionnel de PWA arrive très bientôt.

Les PWA sont déjà bien répandues. De nombreuses entreprises adaptent leurs sites et services pour offrir des fonctionnalités PWA.

Remarque : Si sur le site mobile d'une société ou d'un service, se déclenche une boîte de dialogue "Ajouter à l'écran d'accueil", c'est que le site en question dispose d'une Progressive Web Apps.