service workers

47
Les Service Workers

Upload: mathieu-le-bihan

Post on 14-Jan-2017

85 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Service Workers

Les Service Workers

Page 2: Service Workers

Mathieu Le Bihan @slek22

Page 3: Service Workers
Page 4: Service Workers
Page 5: Service Workers
Page 6: Service Workers
Page 7: Service Workers
Page 8: Service Workers

Application Cache

Page 9: Service Workers
Page 10: Service Workers
Page 11: Service Workers

Et quand la webapp est fermée ?

Page 12: Service Workers

Des coquilles natives ?

Cobalt Cordova

Page 13: Service Workers

Service Worker

Page 14: Service Workers
Page 15: Service Workers
Page 16: Service Workers
Page 17: Service Workers
Page 18: Service Workers

Standardisation

Page 19: Service Workers

Cycle de vie

Page 20: Service Workers

Squelette d’un Service Worker

Page 21: Service Workers

Enregistrement

Page 22: Service Workers

Installation

Page 23: Service Workers

Installation non bloquante

Page 24: Service Workers

Fetch

Page 25: Service Workers

Hello World

Page 26: Service Workers

Répondre avec le réseau

Page 27: Service Workers

Répondre avec le cache

Page 28: Service Workers

Fallback

Page 29: Service Workers

Aller plus loin…

Page 30: Service Workers

Aller plus loin…

Page 31: Service Workers

Mise à jour

Page 32: Service Workers

Mise à jour

Page 33: Service Workers

Message worker -> clients

Page 34: Service Workers

Message client -> worker

Page 35: Service Workers

Push

Page 36: Service Workers

Push

Page 37: Service Workers

Push

Ne reste plus qu’à faire un POST sur l’endpoint préalablement sauvegardé :

Page 38: Service Workers

Un peu plus spécifique pour GCM

https://android.googleapis.com/gcm/send/f-O0cl-8RE4:APA91bER2 … 23k-l0OAS0Ben04GZz1

Endpoint RegisrationID

Page 39: Service Workers

https://pok3me.firebaseapp.com/

Page 40: Service Workers

Debugging

about:serviceworkers

chrome://inspect/#service-workerschrome://serviceworker-internals

Page 41: Service Workers

Background Synchronisation

→ chrome://flags/#enable-experimental-web-platform-features

Page 42: Service Workers

https://www.youtube.com/v/l4e_LFozK2k

Page 43: Service Workers

Ce n’est qu’un début !• Periodic Synchronisation• Geofencing• ...

Page 44: Service Workers

Can I use it ?

Page 46: Service Workers

CréditsIcônes :

●https://thenounproject.com/term/sd-card/6185/●https://thenounproject.com/term/network/12676/●https://thenounproject.com/term/cpu/72043/●https://thenounproject.com/term/code/17547/

Page 47: Service Workers

Merci