Question

我想知道在OctoberCms主题中是否可以使用ServiceWorker？目前，我创建了一个名为serviceworker.js的文件，显然可以识别该文件，但对于脱机页面仍然存在疑问，毕竟我该如何创建一个文件以在10月主题下脱机工作？

为了更加清楚，我将下面的示例介绍给服务人员。我的问题是如何在服务工作者中添加离线页面？

var CACHE_NAME = 'static-v1';

self.addEventListener('install', function (event) {
  event.waitUntil(
    caches.open(CACHE_NAME).then(function (cache) {
      return cache.addAll([
        '/',
        '../js/main.min.js',
        '../css/style.min.css',       
      ]);
    })
  )
});

self.addEventListener('activate', function activator(event) {
  event.waitUntil(
    caches.keys().then(function (keys) {
      return Promise.all(keys
        .filter(function (key) {
          return key.indexOf(CACHE_NAME) !== 0;
        })
        .map(function (key) {
          return caches.delete(key);
        })
      );
    })
  );
});

self.addEventListener('fetch', function (event) {
  event.respondWith(
    caches.match(event.request).then(function (cachedResponse) {
      return cachedResponse || fetch(event.request);
    })
  );
});

Answer 1

嗨，疯狂，您需要首先解决一些问题，即service-worker.js文件必须位于网站的根目录中，其次您必须修改.htaccess文件以使该文件可以被将此“ RewriteCond％{REQUEST_FILENAME}！service-worker.js”放入白色列出的文件夹部分，然后，您需要从app.js或theme.js文件调用此文件，希望对您的项目有帮助

如何将ServiceWorker与OctoberCMS中的主题一起使用

1 个答案: