Vue d’ensemble des applications web progressives (PWA)

  • Article

Les applications web progressives (PWA) sont des applications que vous créez à l’aide de technologies web et qui peuvent être installées et exécutées sur tous les appareils, à partir d’un codebase.

Les PWA fournissent des expériences natives à vos utilisateurs sur les appareils pris en charge. Ils s’adaptent aux fonctionnalités prises en charge par chaque appareil et peuvent également s’exécuter dans des navigateurs web, tels que des sites web.

Pour commencer à créer un PWA, consultez Prise en main de Progressive Web Apps.

Vidéo : Ignite | Mars 2021 | Igniting the Web Apps Story

Image miniature de la vidéo « Igniting the Web Apps Story »

Avantages PWA

Expériences natives

Lorsqu’ils sont installés sur un appareil, les PWA fonctionnent comme les autres applications. Par exemple :

  • Les PWA ont leurs propres icônes d’application qui peuvent être ajoutées à l’écran d’accueil ou à la barre des tâches d’un appareil.
  • Les PWA peuvent être lancées automatiquement lorsqu’un type de fichier associé est ouvert.
  • Les PWA peuvent s’exécuter lorsque l’utilisateur se connecte.
  • Les PWA peuvent être envoyées à des magasins d’applications, tels que le Microsoft Store.

Fonctionnalités avancées

Les PWA ont également accès à des fonctionnalités avancées. Exemple :

  • Les PWA peuvent continuer à fonctionner lorsque l’appareil est hors connexion.
  • Les PWA prennent en charge les notifications Push.
  • Les PWA peuvent effectuer des mises à jour périodiques même lorsque l’application n’est pas en cours d’exécution.
  • Les PWA peuvent accéder aux fonctionnalités matérielles.

Enfin, les PWA peuvent s’exécuter dans les navigateurs web, tout comme les sites web. L’exécution comme des sites web offre aux PWA des avantages, tels que :

  • Les PWA peuvent être indexées par les moteurs de recherche.
  • Les PWA peuvent être partagées et lancées à partir d’un lien web standard.
  • Les PWA sont sécurisés pour les utilisateurs, car ils utilisent des points de terminaison HTTPS sécurisés et d’autres protections utilisateur.
  • Les PWA s’adaptent à la taille ou à l’orientation de l’écran de l’utilisateur et à la méthode d’entrée.
  • Les PWA peuvent utiliser des API web avancées telles que WebBluetooth, WebUSB, WebPayment, WebAuthn ou WebAssembly.

Réduction du coût de développement

Les PWA ont un coût de développement multiplateforme beaucoup moins élevé que les applications compilées qui nécessitent un codebase spécifique et distinct pour chaque plateforme, comme Android, iOS et chaque système d’exploitation de bureau.

Avec une PWA, vous pouvez utiliser un code base unique partagé entre votre site web, votre application mobile et votre application de bureau (entre les systèmes d’exploitation).

Compatibilité entre appareils

Les applications web progressives (PWA) sont générées à l’aide de code HTML, CSS et JavaScript hébergé sur des serveurs web et qui s’exécute dans des moteurs de navigateur web. Elles peuvent être utilisées directement dans un navigateur web, comme un site web, ou installées sur un appareil à partir d’un Magasin d’applications, ou à l’aide de la fonctionnalité d’installation d’application d’un navigateur de prise en charge. Pour en savoir plus sur l’installation des PWA dans Microsoft Edge, consultez Installation d’un PWA.

L’expérience utilisateur d’une PWA est mise à l’échelle avec les fonctionnalités de l’appareil. En particulier, sur Windows avec Microsoft Edge, vous pouvez créer des expériences immersives qui s’intègrent profondément au système d’exploitation. L’utilisation de technologies web uniquement garantit que votre application fonctionnera sur d’autres navigateurs, systèmes d’exploitation et appareils.

L’informatique de bureau continue d’être l’environnement de productivité principal pour de nombreux utilisateurs. Les PWA peuvent fournir des expériences entièrement personnalisées et installables sur un système d’exploitation de bureau qui héritent des avantages de cet environnement. Pourtant, les PWA peuvent également être installés sur les appareils mobiles ou utilisés directement dans les navigateurs web.

Combler le fossé entre le web et le natif

Il n’y a pas grand-chose que vous ne pouvez pas faire aujourd’hui avec les technologies web. De nombreuses fonctionnalités qui n’étaient auparavant possibles qu’à l’aide de langages spécifiques à l’appareil peuvent désormais être obtenues à l’aide de technologies web standard. Exemple :

  • Gérer les fichiers.
  • Partager du contenu avec d’autres applications.
  • Accédez au Presse-papiers.
  • Synchronisez les données et extrayez les ressources en arrière-plan.
  • Accédez au matériel d’appareil tel que Bluetooth et USB.
  • Stocker du contenu dans des bases de données.
  • Tirez parti des graphiques à accélération matérielle.
  • Utilisez des dispositions, des animations et des filtres CSS pour créer des conceptions avancées.
  • Exécutez du code de performances quasiment compilé avec WebAssembly.

Grâce à Microsoft Edge, les PWA sur ordinateur de bureau peuvent tirer pleinement parti de ces fonctionnalités pour fournir ce que les utilisateurs attendent des applications de bureau. Ces fonctionnalités offrent des expériences plus attrayantes sur les plateformes web et de bureau.

Pour trouver des exemples de ce que les PWA peuvent faire, consultez Myth Busting PWA.

The Microsoft Store

Étant donné que les applications web progressives (PWA) sont à l’instar des autres applications du Microsoft Store, les utilisateurs peuvent s’y impliquer pleinement , de la découverte à l’installation, en passant par l’exécution, sans jamais ouvrir le navigateur.

Le Microsoft Store offre aux utilisateurs une expérience digne de confiance et familière pour installer votre application. En outre, vous pouvez afficher des statistiques d’utilisation détaillées et des graphiques qui vous permettent de connaître le fonctionnement de vos applications dans le Microsoft Store.

Consultez Publier une application web progressive sur le Microsoft Store.

Réussites

L’utilisation des technologies PWA (Progressive Web App) est un excellent moyen de rendre votre application sécurisée, détectable, linkable, facile à installer et à mettre à jour, réactive et indépendante du réseau. De nombreuses entreprises ont connu du succès avec les PWA. Exemple :

  • Le Starbucks PWA a augmenté deux fois les utilisateurs actifs quotidiens. Les commandes sur ordinateur de bureau sont presque identiques à celles des appareils mobiles (source).
  • Trivago a vu une augmentation de 150 % pour les personnes qui ajoutent son PWA à l’écran d’accueil. L’engagement accru a entraîné une augmentation de 97% des horloges des offres d’hôtel (source).
  • Tinder a réduit les temps de chargement de 11,91 secondes à 4,68 secondes avec leur PWA. L’application est 90 % plus petite que l’application Android compilée (source).

Pour plus d’informations sur les réussites, consultez le site web PWA Stats .

Voir également