Описание тега workbox

Workbox - это инструменты сборки и времени выполнения для поддержки сервис-воркера прогрессивного веб-приложения.
1 ответ

Как установить пользовательский UserAgent в сервис-работнике?

У меня есть некоторый код на стороне сервера, который зависит от userAgent. код работал нормально, потому что мы настраивали пользовательский агент на стороне клиента. но после включения PWA на нашем сайте я не получаю свой пользовательский агент. Я…
1 ответ

Как правильно интегрировать рабочий ящик в webpack/NPM?

В настоящее время я работаю над довольно большим проектом, у которого много разных зависимостей, распределенных по многим файлам. Для начала я использую NPM и веб-пакет, чтобы управлять большинством этих зависимостей. В документации к рабочему столу…
15 ноя '17 в 15:58
0 ответов

Рабочая среда SeriveWorker - nodejs и Express

Я ищу ответ на мою проблему. Я тестирую работника сервиса на своем сервере nodeJs. Я протестировал с базовой конфигурацией, как показано ниже: Базовый nodeJs app.js var http = require('http'); var fs = require('fs'); var server = http.createServer(f…
28 авг '18 в 09:45
1 ответ

Как использовать кэш рабочего стола данных back4app?

Я обновляю свой веб-сайт до PWA и использую Google Workbox в качестве сервисного работника для кэширования данных. Я могу кэшировать JS, изображения CSS и т. Д., Но я не могу кэшировать данные запроса back4app. Я пытался использовать workbox.backgro…
18 май '18 в 17:36
0 ответов

Плагин Workbox Webpack не генерирует serviceWorker

Я в разработке env. Я установил cli-plugin-pwa, который использует workbox-webpack-plugin. мой vue.config.js файл очень прост: // ... // 'GenerateSW' is the default workboxPluginMode pwa: { name: 'MyProject', themeColor: '#3C60BE', msTileColor: '#20…
24 апр '18 в 11:57
0 ответов

Гибридная стратегия CacheFirst + NetworkFirst

То, что нам нужно, похоже на обычную стратегию CacheFirst с параметром истечения срока действия maxAgeSeconds. Проблема в том, что по истечении времени истечения элемент удаляется из кеш-памяти, что плохо, если пользователь все еще находится в автон…
19 окт '17 в 02:31
0 ответов

Фоновая синхронизация рабочего ящика CORS

Я использую рабочий ящик, используя плагин фоновой синхронизации. к сожалению, плагин не работает так, как ожидалось для моего приложения. при тестировании мое приложение отправляет запрос cors. Сначала мое приложение отправляет запрос параметров, ч…
0 ответов

Сервисный работник, у которого есть область, не кэширует файлы

Я создаю сервисного работника, у которого есть область. Хотя это работает, но не правильно. SW не работает с файлами ресурсов. Вот демонстрационный код, который я создаю, чтобы проиллюстрировать этот вопрос. Github ссылка importSW.js if ('serviceWor…
26 фев '18 в 10:25
0 ответов

Firebase для хранения кеша изображений Webpack workbox

Попытка выяснить, как кэшировать изображения из хранилища Firebase, чтобы показать их в автономном режиме. Прочитайте Установить кэш для файлов в Firebase Storage уже и исследуете в течение 2 дней. Любая помощь будет оценена. firebase.json "source":…
15 окт '18 в 16:42
2 ответа

Workbox кэширует только метки времени в indexDb, как перехватить данные json в indexDb?

Маршрут ниже определяет хранение данных json как MyCachedData в кеш-хранилище, а IndexDb хранит только URL и метку времени. workboxSW.router.registerRoute('/MyApi(.*)', workboxSW.strategies.staleWhileRevalidate({ cacheName: 'MyCachedData', cacheExpi…
1 ответ

Как добавить Google Workbox в проект Angular?

Я пытаюсь использовать Google Workbox в своем проекте, но пока нет текущих руководств и руководств по шагам, чтобы заставить рабочий ящик работать с новым угловым проектом. У кого-нибудь есть понимание или ресурсы о том, как это делается, поскольку …
29 ноя '18 в 11:55
2 ответа

Workbox: не удается кэшировать все файлы при сборке проекта

Я использую Vuejs и я использую workbox-webpack-plugin Для того, чтобы сделать мой сайт автономным, я хочу кэшировать папку, которая содержит все мои файлы (3 файла), как на картинке ниже, но когда я строю свой проект (используя Laravel-mix). main.j…
09 сен '17 в 10:39
1 ответ

Метод запроса 'POST' не поддерживается

Следующая конфигурация выдает ошибку "Метод запроса" POST "не поддерживается". Я уже читал, что API-интерфейс хранилища не запрашивает объекты с методом POST в качестве ключей в кэше, но я понятия не имею, как добавить маршрут, который демонстрирует…
1 ответ

Сервисный работник Не создает сеть First Cache

Мой сервисный работник: importScripts('https://storage.googleapis.com/workbox- cdn/releases/3.0.0/workbox-sw.js'); //Use Workbox Precache for our static Assets workbox.precaching.precacheAndRoute([]); console.log('this is my custom service worker');…
1 ответ

Активы, загруженные из сети при запуске из тега скрипта

Я использую workbox с workbox-webpack-plugin для кеширования некоторых ресурсов. Моя текущая конфигурация должна кешировать два файла:.js и.css. Оба файла кэшируются должным образом, но проблема в том, что браузер все еще загружает их из сети, и я п…
1 ответ

Страница Google Workbox Offline, чтобы заменить страницу динозавра на очень простой сайт

У меня есть очень простой тестовый сайт с 6 страницами: temp1.html, temp2.html, temp3.html, temp4.html, temp11.html страниц и offline.html. Все ссылки на страницы жестко закодированы. Там нет маршрутизации. Я предварительно кэширую все файлы, кроме …
09 янв '19 в 22:26
0 ответов

Проблемы с загрузкой изображений с рабочего ящика на другой URL

Я использую рабочий ящик для получения изображений. Изображения успешно загружаются. но Workbox извлекает файл изображения два раза. Когда я проверяю в консоли 1. то же самое изображение извлекается успешно 2. то же самое изображение выдает ошибку, …
22 янв '19 в 11:09
1 ответ

Добавление нового заголовка в запрос с сохранением тела

Я настраиваю PWA для своей компании в домашнем использовании. Какой метод я должен использовать, чтобы прикрепить токен на все запросы от dom или веб-работника. Этот метод, который я использую, работает должным образом при публикации form или же jso…
0 ответов

Как я могу установить setCatchHandler по умолчанию с Google Workbox v4?

Я хочу установить setCatchHandler по умолчанию с Workbox v4.0.0-rc.0. Я старался importScripts('./workbox-v4.0.0-rc.0/workbox-sw.js'); workbox.setConfig({modulePathPrefix: './workbox-v4.0.0-rc.0'}); workbox.navigationPreload.enable(); workbox.routin…
12 фев '19 в 13:58
2 ответа

Как использовать Workbox setDefaultHandler

Я переключаюсь с sw-toolbox на Workbox и не могу понять, как использовать setDefaultHandler (). Если я попытаюсь (как указано в документации, указанной выше): workboxSW.router.setDefaultHandler({ handler: new workbox.runtimeCaching.CacheFirst() }); …
17 янв '18 в 19:16