Как обрабатывать зависимости в Service Worker? - PullRequest
Новая
       7

Как обрабатывать зависимости в Service Worker?

0 голосов
/ 23 июня 2018

У меня есть Service Worker, который загружает файл из BrowserFS, если путь содержит __browserfs__, упрощенный код, подобный этому: 

function loadDependecies() {
    self.skipWaiting().then(function() {
        if (!self.fs) {
            self.importScripts('https://cdn.jsdelivr.net/npm/browserfs');
            BrowserFS.configure({ fs: 'IndexedDB', options: {} }, function (err) {
                if (err) {
                    console.log(err);
                } else {
                    self.fs = BrowserFS.BFSRequire('fs');
                    self.path = BrowserFS.BFSRequire('path');
                }
            });
        }
    });
}
self.addEventListener('install', loadDependecies);

self.addEventListener('activate', loadDependecies);

self.addEventListener('fetch', function (event) {
    event.respondWith(new Promise(function(resolve, reject) {
        if (local) {
            console.log('serving ' + path + ' from browserfs');
            if (!self.fs) {
                (function loop() {
                    if (!self.fs) {
                        setTimeout(loop, 400);
                    } else {
                        serve();
                    }
                })();
            } else {
                serve();
            }
        } else {
            if (event.request.cache === 'only-if-cached' && event.request.mode !== 'same-origin') {
                return;
            }
            //request = credentials: 'include'
            fetch(event.request).then(resolve).catch(reject);
        }
    }));
});

и когда я некоторое время не взаимодействовал с приложением, снова открываю его и затем пытаюсь получить локальный файл. Загрузка продолжалась, вероятно, из-за бесконечного цикла, мне нужно было вручную перезагрузить работника сервиса ( используя инструменты разработчика), чтобы получить страницу.

Итак, мой вопрос: как правильно вызвать importScripts для загрузки BrowserFS в Service Worker?

Ответы [ 2 ]

0 голосов
/ 05 июля 2018

Я получил этот код, let не добавлен в глобальную область видимости, поэтому он должен быть безопасным: 

self.importScripts('https://cdn.jsdelivr.net/npm/browserfs');
let path = BrowserFS.BFSRequire('path');
let fs = new Promise(function(resolve, reject) {
    BrowserFS.configure({ fs: 'IndexedDB', options: {} }, function (err) {
        if (err) {
            reject(err);
        } else {
            resolve(BrowserFS.BFSRequire('fs'));
        }
    });
});

self.addEventListener('install', self.skipWaiting);

self.addEventListener('activate', self.skipWaiting);

self.addEventListener('fetch', function (event) {
    event.respondWith(fs.then(function(fs) {
        return new Promise(function(resolve, reject) {
            var url = event.request.url;
            var m = url.match(/__browserfs__(.*)/);
            if (m) {
                var path = m[1];
                if (path === '') {
                    return redirect_dir();
                }
                console.log('serving ' + path + ' from browserfs');
                serve();
            } else {
                if (event.request.cache === 'only-if-cached' && event.request.mode !== 'same-origin') {
                    return;
                }
                //request = credentials: 'include'
                fetch(event.request).then(resolve).catch(reject);
            }
        });
    }));
});

РЕДАКТИРОВАТЬ кажется, что этот код также является неправильным, поэтому я использую это: 

self.addEventListener('fetch', function (event) {
    let path = BrowserFS.BFSRequire('path');
    let fs = new Promise(function(resolve, reject) {
        BrowserFS.configure({ fs: 'IndexedDB', options: {} }, function (err) {
            if (err) {
                reject(err);
            } else {
                resolve(BrowserFS.BFSRequire('fs'));
            }
        });
    });
    ...
});

увидит, работает ли это. Может потребоваться использовать importScripts в fetch.

0 голосов
/ 04 июля 2018

Возможно, вы хотите статически встроить этот файл, включая BrowserFS, для более стабильного времени выполнения.

...