light2041
@light2041
web-разработчик

Как обновлять контент в PWA?

У меня есть одностраничный сайт на bootstrap, превращенный в PWA. Ключевой элемент сайта - регулярно обновляющееся из БД расписание ближайших событий для моих клиентов. Но когда я ставлю получившееся PWA на смартфон, контент сайта же кешируется и при следующих открытиях со смартфона остается прежним, расписание таким образом не обновляется.

Вопрос, как мне в PWA принудительным образом при каждом открытии требовать обновление содержимого 1 конкретного div? Это получится с помощью Ajax или еще как? Не пинайте сильно, только приступил к изучению технологии PWA. Спасибо!

UPD. Я прописал в сервис воркере (sw.js) стратегию кеширования "сначала сеть - потом кеш". Это оно?
self.addEventListener('fetch', function (event) {
 event.respondWith(
 fetch(event.request).catch(function() {
 return caches.match(event.request)
 })
 )
})
  • Вопрос задан
  • 409 просмотров
Пригласить эксперта
Ответы на вопрос 1
Aleksandr-JS-Developer
@Aleksandr-JS-Developer
Лучше проще, чем никогда
При запуске приложения отправляется GET запрос за данными в удобном формате, а ответ обрабатывается и выводится. Если у вас расписание генерит PHP, то сложнее. Можно тогда принимать на фронте просто вёрстку и выводить её.

fetch('rest-api-url.site.dom/schedules')
  .then(res => res.json())
  .then(res => state.setSchedules = res);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы