serviceworker.js

//  Define o nome e versão do cache atual
var nomeCache = 'cache-RQ-3.6';

// Variável de controle de atualizações do Service Worker
// Inicializo com 32, para garantir a atualização ao primeiro uso.
var diaServiceWorker = 32;

// Armazenda todos os arquivos da aplicação no cache atual
// E força a ativação do novo service Worker
self.addEventListener('install', () => {
    caches.open(nomeCache).then((cache) => {
        cache.addAll([
            '/',
            '/index.html',
            '/manifest.webmanifest',
            '/recursos/imagens/balanca_bonita.png',
            '/recursos/imagens/qr-code.png',
            '/recursos/icones/android-icon-36x36.png',
            '/recursos/icones/android-icon-48x48.png',
            '/recursos/icones/android-icon-72x72.png',
            '/recursos/icones/android-icon-96x96.png',
            '/recursos/icones/android-icon-144x144.png',
            '/recursos/icones/android-icon-192x192.png',
            '/recursos/icones/apple-icon-57x57.png',
            '/recursos/icones/apple-icon-60x60.png',
            '/recursos/icones/apple-icon-72x72.png',
            '/recursos/icones/apple-icon-76x76.png',
            '/recursos/icones/apple-icon-114x114.png',
            '/recursos/icones/apple-icon-120x120.png',
            '/recursos/icones/apple-icon-144x144.png',
            '/recursos/icones/apple-icon-152x152.png',
            '/recursos/icones/apple-icon-180x180.png',
            '/recursos/icones/apple-icon-precomposed.png',
            '/recursos/icones/apple-icon.png',
            '/recursos/icones/favicon-16x16.png',
            '/recursos/icones/favicon-32x32.png',
            '/recursos/icones/favicon-96x96.png',
            '/recursos/icones/favicon.ico',
            '/recursos/icones/ms-icon-70x70.png',
            '/recursos/icones/ms-icon-144x144.png',
            '/recursos/icones/ms-icon-150x150.png',
            '/recursos/icones/ms-icon-310x310.png',
            '/js/scripts.js',
            '/css/adaptativo.css',
            '/css/base.css',
            '/css/reset.css',
            '/css/stilos.css'
        ]);
    })
    self.skipWaiting();
});

// Recupera todos os nomes de cache e apaga aqueles
// que forem diferentes do cache atual
self.addEventListener('activate', (e) => {
    e.waitUntil(
        caches.keys().then((listaChaves) => {
            return Promise.all(
                listaChaves.map((chave) => {
                    console.log(chave);
                    if (chave !== nomeCache) {
                        return caches.delete(chave);
                    }
                })
            );
        })
    );
});

// Quando algum recurso é solicitado este método é chamado
self.addEventListener('fetch', (event) => {

    forcarAtualizacaoServiceWorker();

    // Tenta carregar qualquer recurso a partir do cache
    // caso não encontre busca o recurso na web, o armazenda no cache
    // e retorna o recurso baixado
    let resposta = caches.open(nomeCache).then((cache) => {
        return cache.match(event.request).then((recurso) => {
            if (recurso)
                return recurso;
            else {
                return fetch(event.request).then((recursoWeb) => {
                    cache.put(event.request, recursoWeb.clone());
                    return recursoWeb;
                }).catch(() => { return 'Recurso indisponível.'; });
            }
        });
    });
    event.respondWith(resposta);
});

// Tive dificuldades com a atualização do Service Worker vigente para que
// um novo cache fosse criado, este método tem a função de forçar a atualização e 
// ativação de um novo Service Worker
const forcarAtualizacaoServiceWorker = () => {
    if ((new Date()).getDate() !== diaServiceWorker) {
        if (navigator.onLine) {
            self.registration.update().then(() => {
                diaServiceWorker = (new Date()).getDate();
                self.skipWaiting();
            });
        }
    }
}