#17957

Timo sur Twitter : "Et si je transformais mes outils (https://t.co/jSVtwXWTTy) en webapps ?"

Bon, Timo vient de trouver comment faire des PWA, des « progressives web app ».

En gros, ce sont des pages web qui sont mis en cache sur le téléphone (ou l’ordinateur, hein). C’est donc à la limite entre la page web et l’application.

L’intérêt est multiple :
– la partie mise en cache se lance instantanément (elle est déjà sur le tél), seule est chargée la partie dynamique. Pour un blog, par exemple, les menus sont statiques et les articles sont chargés. Ça limite ainsi le transfert de données.
– la partie mise en cache est utilisable offline !
– la page est en plein écran
– c’est toujours juste du JS/HTML/CSS, donc a priori cross-browser
– c’est exécuté dans le navigateur (celui que vous voulez, du moment qu’il a un bon support des technos).

On peut imaginer un fichier HTML/CSS reprenant l’interface de votre blog, et un petit bout de JS/CSS qui récupère un flux RSS/ATOM (ou même les flux en JSON, qui sont destinés à ça). Et hop, on a une application mobile en 15 minutes.
Il y a possibilité de stoquer les données également dans un cache local.

Pour les outils web qui fonctionnent entièrement en JS (vous me voyez venir ?), il y a possibilité d’en faire assez simplement des PWA !

Je viens de commettre ça du coup : https://lehollandaisvolant.net/TEST/WEBAPPS/noteswall

C’est mon mur de notes en JS !

1) visitez la page dans votre smartphone
2) dans Firefox mobile, vous cliquez sur la petite maison dans la barre d’adresse : ça va l’ajoute au bureau, comme une app (sinon allez dans le menu > page > ajouter sur la page d’accueil)
3) c’est bon, c’est installé : online, offline : ça marche !

Pour la virer, virez juste l’icône.

Cette app en particulier est totalement offline.
Aucune requête n’est jamais faite sur mon site (sauf au moment de l’installer). Donc vos notes sont safe ^^

Oh et l’app reste parfaitement utilisable telle qu’elle dans un navigateur desktop : c’est juste une page web mise en cache, un peu plus durement que d’habitude.

Mon mur de notes est très simple et basique comme app (même pour un mur de notes). Mais les possibilités sont immenses ! J’hésitais a apprendre à faire des app android. En fait je vais apprendre mon JS et faire ça. Au moins je saurais faire des app pour toutes les plateformes en même temps

Je sens que je vais m’amuser \o/

(oui je suis un gosse qui vient de découvrir comment marcher :D)

https://twitter.com/lehollandaisv/status/1065710442650247168