Событие извлечения Service Worker не инициируется - PullRequest
0 голосов
/ 19 марта 2019
      self.addEventListener('install', function (event) {
    console.log('SW Installed');
    event.waitUntil(
      caches.open('static')
        .then(function (cache) {
          cache.addAll([
            '/',
            '/static/js/renderjson.js',
            "/static/css/app.css",
            '/static/js/contribute.js',
            "http://pending.biothings.io/denovodb/metadata",
            "http://pending.biothings.io/ccle/metadata",
            "http://pending.biothings.io/kaviar/metadata",
            "http://pending.biothings.io/biomuta/metadata",
            "http://pending.biothings.io/fire/metadata",
          ]);
        })
    );
  });

  self.addEventListener('activate', function () {
    console.log('SW Activated');
  });

  self.addEventListener('fetch', function(event) {
    console.log('FETCH',event.request);
    event.respondWith(
      caches.match(event.request)
        .then(function(response) {
          if (response) {
                // retrieve from cache
                console.log('Found ', event.request.url, ' in cache');
                return response;
            }

            // if not found in cache, return default offline content (only if this is a navigation request)
            if (event.request.mode === 'navigate') {
                return caches.match('/');
            }

            // fetch as normal
            console.log('Network request for ', event.request.url);
            return fetch(event.request);
        })
    );
  });

Я новичок в PWA, так что терпите меня, я управляю сервером торнадо, вот регистрация:

if ('serviceWorker' in navigator) {
  // Use the window load event to keep the page load performant
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/static/js/worker.js');
    console.log('Service Worker registered');
  });
}

Я поместил несколько журналов консоли, чтобы посмотреть, было ли инициировано событие извлечения, но, похоже, ничего не происходит, когда я установил флажок автономного режима на вкладке «Приложение» и обновил приложение, которое не работает в автономном режиме. Все активы кешируются правильно и проверены они там. Похоже, последний шаг - это просто сделать сервер Worker правильными кэшированными файлами.

1 Ответ

0 голосов
/ 22 марта 2019

Для моего случая, в частности, нашему сайту просто нужно было использовать https для правильной активации работника. после этого слушатели работали отлично. Я бы порекомендовал использовать Workbox, намного проще!

...