Que sont les applications Web progressives?

Avez-vous déjà souhaité que les applications Web se comportent davantage comme de vraies applications? Les applications Web progressives sont une nouvelle technologie qui vise à rendre cela possible..

La version courte: Que sont les applications Web progressives??

Voici un résumé rapide: Google, Microsoft, Mozilla et d’autres sociétés travaillent sur un nouveau standard d’application Web moderne. Même Apple suit et implémente le support. Ces applications sont des applications Web, mais elles se comportent davantage comme des applications natives. Comme les applications Web existantes, elles seront hébergées directement sur leur site Web associé. Les développeurs peuvent les mettre à jour directement sur leur serveur Web sans envoyer ces mises à jour à plusieurs magasins d'applications différents. La même application s'exécute sur tous les navigateurs et toutes les plateformes..

Lorsque vous installez une application Web progressive, vous obtenez un raccourci d'écran d'accueil, de barre des tâches ou de bureau qui lance l'application (en fonction de votre plate-forme). L'application se chargera rapidement et comprendra une assistance hors ligne, des notifications push, une assistance pour la synchronisation en arrière-plan et d'autres goodies modernes..

Ces applications peuvent également utiliser les technologies Web existantes pour accéder aux services de localisation, à votre webcam et à d'autres fonctionnalités que nous associons normalement aux applications natives. Bien sûr, les applications doivent vous demander et obtenir votre permission avant d'accéder à ces choses.

La version technique: comment fonctionnent-ils??

Les applications Web progressives sont des applications Web traditionnelles améliorées avec les technologies Web modernes, ce qui leur permet de fournir une expérience plus semblable à celle d'une application. La partie «progressive» signifie qu'elles sont «progressivement améliorées» avec des fonctionnalités Web modernes, ce qui signifie qu'elles fonctionneront également dans les navigateurs plus anciens qui ne prennent pas en charge les nouvelles fonctionnalités, mais fonctionneront mieux et avec davantage de fonctionnalités dans les navigateurs modernes..

Ces applications obtiendront leur propre fenêtre et leur propre raccourci sur votre barre des tâches (sous Windows 10 et tout ce qui exécute Chrome) ou une icône sur votre écran d'accueil (sur les appareils Android et les autres smartphones). Lorsque vous les ouvrez, ils se chargent rapidement grâce à l’API de cache et à IndexedDB, qui stockent les ressources et les données de l’application sur votre appareil, ce qui leur permet de fonctionner même en mode hors connexion. Des technologies telles que Service Workers et les notifications push permettront à l'application d'effectuer des tâches en arrière-plan, telles que la synchronisation et l'envoi de notifications même lorsqu'elles ne sont pas en cours d'exécution, comme une application native. L'API Fetch permet à l'application de demander des données plus rapidement et plus facilement. Ils possèdent un fichier manifeste d'application Web, qui fournit un nom, une icône, un auteur et une description utilisés lors de l'installation de l'application sur votre écran d'accueil ou sur votre bureau. Ils sont toujours servis via HTTPS crypté, ce qui signifie qu'ils sont sécurisés et que les données ne peuvent pas être altérées en transit..

Les applications Web progressives ne ressemblent pas aux applications Chrome Packaged de Google ou aux applications Web hébergées de Microsoft. Celles-ci exigeaient que l'application soit «packagée» sous forme de fichier et soumise à un magasin d'applications. L'intégralité de l'application vivait dans un petit lot hors connexion, et les utilisateurs devaient l'installer à partir du Chrome Web Store ou du Windows Store. Celles-ci étaient également spécifiques à la plate-forme et ne fonctionneraient que sous Chrome ou Windows. Le développeur devait modifier les fichiers de l'application hors connexion et soumettre une nouvelle version à l'App Store pour la mettre à jour..

Au lieu de cela, les fichiers PWA ne sont jamais regroupés dans un fichier hors connexion. Comme les applications Web traditionnelles que nous utilisons aujourd'hui, elles sont entièrement hébergées sur les serveurs de l'application. Si un développeur souhaite mettre à jour son application Web progressive, il la met à jour exactement comme il le ferait s'il le faisait sur ses serveurs. Toutes les plates-formes et tous les navigateurs prenant en charge les PWA peuvent utiliser les mêmes applications Web progressives..

Les PWA peuvent être répertoriés dans les magasins d'applications pour faciliter la découverte et l'installation, mais le magasin d'applications ne fera que pointer vers les serveurs de l'application Web. Même si une application n'est pas compatible avec les règles de contenu d'un magasin d'applications, les utilisateurs pourront la trouver et l'installer directement à partir de leur navigateur..

Pourquoi c'est important

Il ne s'agit pas simplement de rendre les applications Web un peu plus agréables. Il s’agit d’établir un nouveau standard pour les applications installables prises en charge par chaque plate-forme. Cela pourrait signifier des événements surprenants dans un proche avenir.

Par exemple, lorsque ce travail est terminé, Google peut permettre à des services tels que Gmail et Google Agenda de fonctionner en tant que PWA. Cela signifie qu'elles s'exécuteraient en tant qu'applications de style natif sur Windows 10 et seraient répertoriées dans le Windows Store. Cela contribuerait grandement à résoudre le problème d'application du Windows Store, car Google ne souhaite pas prendre en charge la plate-forme Windows universelle (UWP) de Microsoft. D'autres développeurs qui ne souhaitaient pas créer d'applications UWP distinctes pourraient soudainement prendre en charge Windows 10 avec des PWA de type natif..

Les développeurs disposeraient d'un moyen plus simple de faire fonctionner leurs applications Web de manière plus puissante et intégrée sur une grande variété de périphériques, sans passer par les paniers de la boutique d'applications. Les applications Web qui fonctionnent partout pourraient mieux rivaliser avec les applications natives qui fonctionnent sur une seule plate-forme. Une entreprise qui ne dispose que des ressources pour créer une seule application peut créer un PWA et tout supporter, plutôt que de créer des applications distinctes pour iOS, Android, Windows et le Web..

De plus, grâce aux fichiers de manifeste Web App fournis par les développeurs, les moteurs de recherche pourront explorer le Web et trouver facilement les PWA disponibles en ligne. Cela rendra les PWA facilement identifiables, tout comme les pages Web..

Sur quelles plateformes sont-ils pris en charge??

Des applications Web progressives sont en cours de développement depuis un certain temps, mais elles sont sur le point de faire un bond plus important dans l’œil du public..

Avec la prochaine mise à jour de Windows 10 - la mise à jour d'avril 2018, le nom de code Redstone 4, qui sera publiée le 30 avril - Microsoft permet la prise en charge des PWA. Comme sur d'autres plates-formes, vous pouvez vous rendre sur le site Web d'un PWA et l'installer via Microsoft Edge. Toutefois, Microsoft répertoriera également les applications Web progressives dans la boutique pour une installation facile. Les développeurs peuvent répertorier leurs propres applications dans la boutique, mais Microsoft utilisera également Bing pour rechercher les PWA corrects sur le Web et les répertorier automatiquement. Ils seront toujours hébergés normalement sur leur site Web et mis à jour par le développeur, mais Microsoft facilite leur recherche et leur installation. Vous n'aurez même jamais besoin d'ouvrir le navigateur Edge pour rechercher, installer et exécuter un PWA sous Windows 10. Cela devrait aider à encombrer le Windows Store, mais cela semble être une mauvaise nouvelle pour la plate-forme d'applications UWP de Microsoft. Pourquoi de nombreux développeurs créeraient-ils une application UWP lorsqu'un PWA fonctionnerait correctement sur plusieurs systèmes d'exploitation??

Sur Google Chrome, que ce soit pour Windows, Mac, Linux ou Chrome OS-PWA sont sur le point de remplacer la plate-forme «Chrome Apps», qui n'est plus disponible. Google indique que le support pour l'installation des PWA sur les postes de travail devrait arriver "à la mi-2018", à peu près. Ensuite, ces PWA fonctionneront avec Chrome sur le bureau. Cette fonctionnalité est déjà testée dans la version de développement instable de Chrome, nommée Canary..

Sur Android, Google Chrome prend déjà en charge l’installation de PWA, à l’instar d’autres navigateurs mobiles comme Mozilla Firefox, Opera et le navigateur Samsung. Google travaille sur une technologie nommée WebAPK qui permettra aux PWA d'être convertis en fichiers APK (fichiers d'application Android) et installés sur l'appareil, comme d'autres applications. Le chef de projet de Chrome a laissé entendre que des PWA pourraient également être ajoutés au Play Store..

Bien qu'Apple n'ait pas été un partisan ou un participant vocal ici, ils ajoutent maintenant des fonctionnalités PWA au navigateur Safari..

2018 devrait être une grande année pour les PWA, en particulier sous Windows 10, où ils pourraient aider Microsoft à combler le fossé des applications et à avoir davantage d'applications de style natif..

Crédit d'image: Prabowo96