Начал изучение Progresive web application. При внедрении на сайт всё шло отлично.
Зарегистрировал воркеров:
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/sw.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope:
', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
Установил и активировал заполнение кеша через файл sw.js:
self.addEventListener('install', function(e) {
e.waitUntil(
//Create new cache
caches.open('v2').then(function(cache) {
return cache.addAll([
'/', ...,
]);
})
);
});
self.addEventListener('fetch', function(event) {
event.respondWith(caches.match(event.request).then(function(response) {
// caches.match() always resolves
// but in case of success response will have value
if (response !== undefined) {
return response;
} else {
return fetch(event.request).then(function (response) {
// response may be used only once
// we need to save clone to put one copy in cache
// and serve second one
let responseClone = response.clone();
caches.open('v2').then(function (cache) {
cache.put(event.request, responseClone);
});
return response;
});
}
}));
});
После всех махинаций при добавлении сайта со смартфона на главный экран всё работает отлично. Сначала в кеш загружается главная страница с нужными файлами, после чего при переходе на другие страницы они тоже попадают в кеш и сайт работает оффлайн.
Проблема в следующем: PWA сломало стабильную работу сайта. Я не могу на нем банально авторизоваться. При этом в консоли возникают следующие ошибки: (браузер Chrome) С чем это может быть связано и что я не учел?
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите, какой наилучший вариант, чтобы сделать фоновое видео для сайта в первом экране? Уже совсем не знаю какой метод использовать
Документация здесь http://codemirrornet И для ангуляр: https://www