service-worker - 获取服务人员

Question

嗨，我正在尝试使用 Autodesk forge 查看器、INSTALL和ACTIVATE工作创建服务人员，但无法获取。

这是我的服务人员

    const cacheName = 'v1';

const cacheAssets = [
    "/index.html",
    "/css/main.css",
    "/img/myAwesomeIcon.png",
    "/js/ForgeTree.js",
    "/js/ForgeViewer.js",
    "/js/myawesomeextension.js",
    "/js/sw.js",
];


self.addEventListener('install', e => {
    console.log('service worker: installed');

    e.waitUntil(
        caches 
            .open(cacheName)
            .then(cache => {
                console.log('service worker: caching files');
                cache.addAll(cacheAssets);
            })
            .then(() => self.skipWaiting())
    );
});

self.addEventListener('activate', e => {
    console.log('service worker: activated');
    e.waitUntil(
        caches.keys().then(cacheNames => {
            return Promise.all(
                cacheNames.map(cache => {
                    if(cache !== cacheName) {
                        console.log('service worker: clearing old cache');
                        return caches.delete(cache);
                    }
                })
            );
        })
    );
});

self.addEventListener('fetch', e => {
    console.log(e);
});

我正在尝试制作自己的“断开连接的工作流程”来获取帖子并缓存所有模型以从 bim360docs、a360 和使用 2leg forge 教程中离线查看它们。

Answer 1

尝试使用 Browsers Fetch API 获取任何内容：

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API