6 .2. Usando service workers para pre-cache de App Shell

Los activos del sitio en caché

Cuando el trabajador de servicio está registrado, un evento de instalación se activa la primera vez que el usuario visita la página. En este controlador de eventos almacenará en caché todos los activos que son necesarios para la aplicación.

NO debe utilizarse el código siguiente en la producción, abarca solamente los casos de uso más básicos y es fácil llegar a ti mismo en un estado donde nunca actualizará la shell de la aplicación. Asegúrese de revisar la sección que habla sobre los peligros de esta aplicación y cómo evitarlos.

Cuando el trabajador de servicio, debe abrir el objeto de caches y rellenarlo con los activos necesarios para cargar el Shell de la aplicación. Cree un archivo denominado service-worker.js en la carpeta raíz de aplicación (que debe ser  your-first-pwapp-master/work). Este archivo debe vivir en la raíz de la aplicación porque el alcance de los trabajadores del servicio está definido por el directorio en el que reside el archivo. Añadir este código a su archivo service-worker.js:

var cacheName = 'weatherPWA-step-6-1';
var filesToCache = [];

self.addEventListener('install', function(e) {
  console.log('[ServiceWorker] Install');
  e.waitUntil(
    caches.open(cacheName).then(function(cache) {
      console.log('[ServiceWorker] Caching app shell');
      return cache.addAll(filesToCache);
    })
  );
});