Les progressives web apps permettent de créer des applications web épinglées à la page d'accueil de l'utilisateur. Les élements clefs de la PWA sont :

  • Comment rendre la page offline
  • Gestion des services workers
  • Bonne pratiques et limites

15 réponses


Je trouve que c'est une bonne idée, sujet très intéressant :)

et encore mieux les PWAMP

Je vote pour ;-) Mais ça va être un gros tuto! Partie 1 : AMP, Partie 2 : PWA, Partie 3 : Combo!

Ce serait super oui

Ouais alors après AMP n'a rien à faire dans un tutoriel sur les PWA, technologie propriétaire de Google qui est imposée pour des besoins de SEO quitte a dénaturer le Web. Ils ont efefctivement développés des technos autour comme PWAMP mais c'est un long débat ça après ...

  • Personne en particulier n'a développé PWAMP... C'est juste l'addition de AMP et de PWA!
  • AMP n'est pas une technologie propriétaire mais un projet open-source auquel se joignent ceux qui souhaitent l'implémenter et participer...
  • Le SEO n'est pas vraiment différent pour AMP!
  • Le principe d'AMP c'est d'épurer le code afin de charger les pages quasiment instantanément sur les appareils mobiles qui ne disposent pas d'une connexion extraordinaire...
  • Dénaturer le web?? X-D Enonce-nous la nature du web, pour commencer ;-)

Bref, renseigne-toi avant de passer pour un rageux stupide ^^'

Cependant, tu as raison, ce devrait plutôt être : Partie 1 : PWA, qui peut se suffire à lui-même car concernant autant la navigation sur desktop que sur mobile ^^ Partie 2 : AMP, on focus sur le futur proche du web mobile! Partie 3 : Combo, la forme future proche plus que probable de l'applicatif mobile ;-)

Quand je dis techno propriétaire j'entends que c'est un truc de Google pour son produit .. Google. La partie sur le SEO est fausse car les site sont désormais indexés mobile first et les pages AMP sont bien mises en avant par rapport aux autres pages. Et enfin la partie dénaturisation du web j'entends que c'est google qui cache tes fichiers porur soit disant les servir plus rapidement (et les benchs qui viennent pas de Google sont un peu sceptiques : https://www.webdesignerdepot.com/2016/03/will-amp-really-speed-up-your-website/)

Et avant de me traiter de rageux inutile essaie d'écouter les commentaires qui ont un son de cloche différent Comme celui de Daniel Messier https://danielmiessler.com/blog/google-amp-not-good-thing/ ou encore cet article : https://neilpatel.com/blog/amp-facebook-instant-can-bad-business-instead/ Ayant bossé dans le monde de l'édition (sud web, le monde, ..) et ayant connu ces contraintes, voire ce couteau sous la gorge (chantage au traffic qui fait vivre des dizaines de personnes), tu sais que des business modèles s'effondrent sans apple news (https://www.marianne.net/medias/entre-amateurisme-opacite-et-copinage-la-dictature-d-apple-news-sur-la-presse-en-ligne) et AMP. C'est une question de respect envers moi et l'industrie que de ne pas me traiter de rageux et essayer de faire la part des choses, même si on a tort c'est un point de vue à prendre, je pense être suffisement renseigné

Sinon ma remarque fait plus écho à ton second commentaire, à savoir que la partie PWA se suffit à elle même : offline, gestion des requêtes, bonnes pratiques pour atterir sur le home screen de l'utilisateur, synchronisation offline => online, notifications, background syncing, ... et que AMP peut être intégré dans une seconde partie voire dans une autre vidéo

PS : le but de ce post n'est pas de faire un débat sur AMP. la seule chose à retenir c'est qu'AMP n'est en rien lié aux PWA et que sont bien deux choses distinctes même si le paralèlle avec PWAMP peut être intéressant

Merci pour les liens ; un peu de cathéchisme ne fait pas de mal, (evil or not) ...

Traiter le sujet en plusieurs vidéos pour ne pas embrouiller, tout le monde est d'accord.

Ok Star, on est d'accord sur la forme, alors ;-) Tu es probablement plus renseigné que moi!

Il m'a semblé qu'on était pas obligé d'utiliser le cache de google... Et si j'ai bien compris, n'importe quel navigateur peut implémenter la mise en avant des pages AMP pour sa version mobile :-s Après, je suis pas un bisounours, hein ^^ C'est évident que Google va essayer de prendre un peu plus de place avec chacune des idées géniales que ses employés insouciants développent ;-p Mais je trouve appréciable qu'ils laissent des ouvertures afin que nous puissions prendre ce qui nous semble safe et laisser les futurs emmerdements à ceux qui s'en accomodent!

Salut à tous,

J'ai réalisé une suite de vidéo tutoriel intitulé Service Worker mais ensuite j'ai rajouté un Web Manifest et même une utilisation au sein d'Angular. C'est sur le forum en espérant que cela puisse aider

https://www.grafikart.fr/forum/topics/26023

Si vous avez des questions n'hésitez pas ;)
Peace

Yop! Est-ce que tu as vu un moyen d'installer une appli en local, sans l'utilisation d'un serveur? Genre, comme on installe un exe sauf que c'est dans le navigateur que l'on intègre les binaries... Je me demandais si on peut développer des applis client lourdes et les déployer dans le navigateur sans avoir besoin de httpéter :-) Ca me plairait bien de me passer de .NET!

Concernant la PWA via le Web manifest c'est ce qui va se passer. Mais il n'y a pas de binaire c'est du full web, derrière un navigateur est lancé mais c'est en effet transparent (après niveau skinning au sein du Web Manifest tu peux toujours faire apparaitre la barre d'URL mais en général le flag standalone suffit amplement)

Au plaisir

Ok, et dans ton tuto tu expliques comment réaliser ça? Installer une applis dans le navigo sans passer par la moindre requête http? Tu transformerais ma vie si c'est le cas :-p

Oui, tu peux passer directement sur la vidéo WebAppManifest c'est la partie qui gère çà. Pour faire simple c'est juste un fichier.json. Les navigateurs vont le récupérer et l'interpréter :D

Lien WebAppManifest

Ahah j'adore transformer la vie, enfin moi je fais pas grand-chose merci W3C et les PWAs :p

Peace