#progressive_web_apps

How we made the RioRun progressive web app | Info | The Guardian
▻https://www.theguardian.com/info/developer-blog/2016/aug/19/how-we-made-the-riorun-progressive-web-app

Un retour d’expérience sur la mise en place d’une « progressive web app » avec :
– les problèmes de service worker : voir ▻https://gist.github.com/Rich-Harris/fd6c3c73e6e707e312d7c5d7d0f3b2f9

document.querySelector( '.fetch-content' ).addEventListener( 'click', () => {
window.caches.open( myCache )
.then( cache => cache.addAll( content ) )
.then( () => alert( 'content is now available offline' ) )
.catch( () => alert( 'oh noes! something went wrong' ) );
});

Que sont les Progressive Web Apps ? - Frank Taillandier
▻http://frank.taillandier.me/2016/06/28/que-sont-les-progressive-web-apps

Les Progressive Web Apps apportent les fonctionnalités attendues des applications natives à l’expérience de navigation Web sur un mobile en utilisant des technologies basées sur les standards et en tournant dans un conteneur sécurisé accessible à tous sur le Web.
En somme, les Progressive Web Apps décrivent toute une série de technologies, de concepts d’architecture et d’API Web qui travaillent de concert pour proposer une expérience similaire aux applications natives sur le Web mobile. Voyons ensemble les quelques tenants de base des Progressive Web Apps.

Le concept de « Progressive Web Apps » sent le marketing à plein nez mais l’idée de base est là : faire des applis web utilisables comme applis mobiles (ce qui était un des principe porté par Mozilla phone dans son concept d’OS mobile). Et au passage ça devrait permettre de se débarrasser des Truc Store et de la compilation par OS à chaque version d’une l’appli...
Voir aussi :
▻https://serviceworke.rs pour des exemples de « Service workers »
▻https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-3 et ▻https://w3c.github.io/manifest pour l’utilisation de fichier manifest.json pour installer une web apps

#progressive_web_apps #service_workers #app_shell #appli_mobile #manifest.json