javascript - 当应用程序已加载时，PWA 更新 Service Worker

Question

我正在构建一个 PWA，并且正在寻找一种在应用程序已打开并加载时更新 Service Worker 的方法。

例如，用户在手机上打开一次应用，然后在白天切换其他应用，而无需完全关闭 PWA。

如果我在中间上传了新版本，Service Worker 如何更新？

还有可能有一种方法可以在用户使用应用程序时通知服务有关更新吗？

Service Worker 是否能够不时自动检查是否上传了新内容？整个应用程序通过 s3 存储桶进行缓存和提供。

如有任何建议，我们将不胜感激。

Answer 1

来自 MDN "ServiceWorkerRegistration.update() " .

The update method of the ServiceWorkerRegistration interface attempts to update the service worker. It fetches the worker's script URL, and if the new worker is not byte-by-byte identical to the current worker, it installs the new worker. The fetch of the worker bypasses any browser caches if the previous fetch occurred over 24 hours ago.

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw-test/sw.js', {scope: 'sw-test'}).then(function(registration) {
    // registration worked
    console.log('Registration succeeded.');
    button.onclick = function() {
      registration.update();
    }
  }).catch(function(error) {
    // registration failed
    console.log('Registration failed with ' + error);
  });
};