6.7 Usando service workers para pre-cache de App Shell

Por último, vamos a actualizar la lista de archivos necesarios para la shell de la aplicación. En la matriz, tenemos que incluir todos los archivos de nuestra aplicación necesita, incluyendo imágenes, JavaScript, hojas de estilo, etcetera. En la parte superior del archivo service-worker.js, reemplazar var filesToCache = []; con el código siguiente:







var filesToCache = [
  '/',
  '/index.html',
  '/scripts/app.js',
  '/styles/inline.css',
  '/images/clear.png',
  '/images/cloudy-scattered-showers.png',
  '/images/cloudy.png',
  '/images/fog.png',
  '/images/ic_add_white_24px.svg',
  '/images/ic_refresh_white_24px.svg',
  '/images/partly-cloudy.png',
  '/images/rain.png',
  '/images/scattered-showers.png',
  '/images/sleet.png',
  '/images/snow.png',
  '/images/thunderstorm.png',
  '/images/wind.png'
];






Asegúrese de incluir todas las permutaciones de nombres de archivo, por ejemplo nuestra aplicación se sirve de  index.html, pero también pueden ser solicitado como  /  se solicita desde el servidor envía index.html cuando una carpeta raíz. Usted podría tratar con esto en el método fetch, pero requeriría cubierta especial que puede llegar a ser complejo.




Nuestra aplicación no funciona offline bastante todavía. Hemos almacenado en caché los componentes de shell de la aplicación, pero todavía tenemos que cargarlos en la memoria caché local.




Fuente: https://codelabs.developers.google.com/codelabs/your-first-pwapp/#5