Service Workers

Le nouveau mécanisme utilisé par les navigateurs web, pratique notamment pour le cache de pages

Pour l'instant quelques liens et portion de code pour continuer mes tests

*** A fouiller semble le plus complet ¹

*** A fouiller notion avancées et exemples ²

* Liste de questions réponses très technique ³

* Exemples de base et promise ref mozilla ⁴

* Architecture des appli avec service worker ⁵

* Service workers in production by google ⁶

* Bon exemples ⁷

* Bon article de base avec exemples de code ⁸

* Cache théorie et exemple biens expliqués ⁹

* Truc de base bien fait ¹⁰

** Bon article en français ¹¹

* Exemple ¹²

* Exemple de code avec mise en cache au chargement ¹³

* Cache selectif code complet ¹⁴

* Exemple à voir ¹⁵

* Exemple à voir ¹⁶

* plein d'exemples ¹⁷

* Sur promise utilisé par service worker ¹⁸

* Bibliothèque toute prête pour le cache, à tester ¹⁹



* Bibliothèque toute prête pour le cache (plus simple), à tester ²⁰



*** Liens à voir ²¹



** Le cache API utilisé dans service worker ²²





* Pour savoir si service worker non activé et son état :

• Firefox : about:config --> dom.serviceWorkers.enabled to true; relancer Firefox.


• Chrome : chrome://flags activer  experimental-web-platform-features; relancer Chrome


• Opera:  opera://flags activer Support for ServiceWorker; relancer.

* sur Chrome chrome://serviceworker-internals/   console serviceworker

* sur Firefox about:serviceworkers   console serviceworker très simplifiée

* serviceworker-cache-polyfill.js que l'on trouve dans certains exemple n'est plus utile depuis 2015, car il simulait certaines fonctions manquantes pour certains navigateurs. Elles sont maintenant implémentées 

* Utilisable uniquement en HTTPS  non autosigné , fonctionne parfois en HTTPS autosigné (Firefox Linux, mais pas Firefox Windows) -> à approfondir !!!

* Donc installation certificats et HTTPS, ICI ²³

* nagivator.serviceWorker.getRegistration() navigator.serviceWorker.ready.then()

1. https://serviceworke.rs/index.html
2. https://html.spec.whatwg.org/multipage/workers.htm l#the-workernavigator-object
3. http://stackoverflow.com/questions/tagged/service- worker
4. https://developer.mozilla.org/en-US/docs/Web/API/S ervice_Worker_API/Using_Service_Workers
5. https://developers.google.com/web/showcase/case-st udy/service-workers-iowa
6. https://medium.com/google-developers/instant-loadi ng-web-apps-with-an-application-shell-architecture -7c0c2f10c73#.yclc37h9v
7. https://hacks.mozilla.org/2015/11/offline-service- workers/
8. https://jakearchibald.com/2014/using-serviceworker -today/
9. https://jakearchibald.com/2014/offline-cookbook/
10. http://www.html5rocks.com/en/tutorials/service-wor ker/introduction/
11. http://makina-corpus.com/blog/metier/2016/decouvri r-le-service-worker
12. https://www.chromium.org/blink/serviceworker/testi ng
13. https://github.com/GoogleChrome/samples/blob/gh-pa ges/service-worker/prefetch/index.html
14. https://github.com/GoogleChrome/samples/blob/gh-pa ges/service-worker/selective-caching/service-worke r.js
15. https://github.com/GoogleChrome/samples/tree/gh-pa ges/service-worker/mock-responses
16. https://github.com/GoogleChrome/samples/tree/gh-pa ges/service-worker/fallback-response
17. https://github.com/GoogleChrome/samples/tree/gh-pa ges/service-worker
18. http://www.html5rocks.com/en/tutorials/es6/promise s/
19. https://github.com/NekR/offline-plugin
20. https://github.com/TalAter/UpUp
21. https://jakearchibald.github.io/isserviceworkerrea dy/resources.html
22. https://davidwalsh.name/cache
23. http://www.gtuto.com/index.php/2016/02/04/https-su r-apache/#more-457