PROGRESSIVE WEB APP

Web Mobile

13 %

Apps

87 %

Temps des utilisateurs

Capacités

3

Applications

0

Application téléchargée / mois

100

Sites différents / mois

Accessibilité

Capacités

Fiable

Engageante

RAPIDE

<link rel="manifest" href="/manifest.json">

Le Manifest

{
  "name": "Weather",
  "short_name": "Weather",
  "icons": [{
      "src": "/cat.png",
      "type": "image/png"
    }],
  "start_url": "/index.html",
  "display": "standalone",
  "background_color": "#3E4EB8",
  "theme_color": "#2F3BA2"
}

Fiable

Engageante

RAPIDE

Wifi

PAS DE Signal

Le service

worker

LiE-fi

?

OFFLINE FIRST !

navigator.serviceWorker.register('./service-worker.js')

INSTALLATION

if (navigator.serviceWorker) {
    navigator.serviceWorker.register('./service-worker.js')
}

INSTALLATION

self.addEventListener('install', event => {
  event.waitUntil(
    caches.open('myCache')
      .then(cache => cache.addAll([
        './index.html'
      ]))
  );
});

Cache Building

self.addEventListener('fetch', event => {
    event.respondWith(
        caches.match(event.request)
            .then(response => response || fetch(event.request))
    );
});