Проверка обновлений сервис-воркеров в одностраничном приложении

Неявные обновления

"Жизненный цикл сервисного работника" - отличный ресурс для этих типов. вопросов.

В частности, есть раздел, посвященный обновлениям:

Запускается обновление:

• При переходе на страницу в рамках исследования.
• О функциональных событиях, таких как нажатие и синхронизация, если в течение предыдущих 24 часов не выполнялась проверка обновлений.
• При вызове .register (), только если URL-адрес сервис-воркера изменился.

Явные обновления

Поскольку ваш SPA не использует настоящую навигацию, вы не получите автоматические проверки обновлений, упомянутые в первом пункте.

Вместо этого вы можете следовать примеру из далее в этом разделе.:

Как я упоминал ранее, браузер автоматически проверяет наличие обновлений после навигации и функциональных событий, но вы также можете запускать их вручную:

navigator.serviceWorker.register('/sw.js').then(reg => {
  // sometime later…
  reg.update();
});

Что я, вероятно, сделал бы, так это изменить маршрутизатор вашего SPA и автоматически вызывать reg.update() всякий раз, когда ваш маршрутизатор собирается переключиться на новое представление. Это имитирует то же поведение обновления при навигации, которое вы получили бы в не-SPA.

Какое место занимает register ()?

После того, как был сделан хотя бы один вызов navigator.serviceWorker.register(), сервисный работник может установить и активировать. На этом этапе проверки обновлений сервис-воркера будут происходить независимо от того, вызывается ли navigator.serviceWorker.register() снова или нет.

В предыдущих разделах этого ответа описывается, когда будут выполняться эти проверки обновлений, явно или неявно.

Вы можете углубиться в подробности этого, сравнив различия между Register и Обновить задания в спецификации сервис-воркера.