//Build 2018 – Building Progressive Web Apps (PWA) for Windows devices

Dernière session de la journée.

On commence par un rappel sur ce qu’est une PWA, et l’intérêt de faire des PWA notamment parce qu’on peut continuer de construire avec les même outils et compétences que pour des Web Apps classiques.

what-is-a-pwa

oznor

Une PWA doit être cross-platform, mais pour Windows elle doit aussi être cross-devices (PC, Xbox, Hololens…). Le minimum vitale pour faire une PWA est de la publier en HTTPS, avec son manifest et un service worker.

Avec la première démo, on voit les nouveautés à venir dans la RS5 de Windows sur le manifest : un nouveau display mode (minimal UI) et les theme colors pour personnaliser la barre de fenêtre.

On enchaine sur le store. Une PWA est une app comme les autres dans le Microsoft Store. Soit on la publie soi-même, soit Microsoft peut l’indexer automatiquement via Bing (il faut tout de même respecter certaines règles comme le HTTPS, un manifest de qualité, l’offline…). A noter qu’il est possible de « marquer » son app pour qu’elle ne soit pas indexée automatiquement. Il existe un outil Sonarwhal pour valider sa PWA pour le store ou simplement avoir un rapport sur la qualité de l’app.

Microsoft a développé un second outil « PWA Builder » pour faciliter le passage de Web App à Progressive Web App : édition du manifest, choix du service worker, package en appx.

Quoi de plus pour une PWA sur Windows ?

  • Les fonctionnalités du Microsoft Store : analytics, achats in-app…
  • Pas de limite sur le storage local
  • Accès aux API Windows comme les Tiles, les notifications, les contacts, le calendrier ou le mode d’activation
  • F12 fonctionne sur les PWA comme pour les UWP en JavaScript

Un membre de l’équipe Twitter nous fait ensuite un retour d’expérience intéressant sur leur PWA publiée dans le Microsoft Store.

A venir dans la roadmap

  • Pouvoir appeler du code C# ou C++ depuis une PWA
  • Partager les cookies

 

La session était vraiment intéressante, et finalement on retrouve beaucoup de choses des apps UWP en JavaScript !

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s