Как проверить установку сервис-воркера на сайте, если веб-пуш не приходит в браузер
Проблема: пуш отправился, но в браузер не пришел.
Одна из возможных причин - некорректная установка сервис-воркера. О правильной установке читайте в статье.
Разберемся, как проверить работу сервис-воркера.
Проверяем статус сервис-воркера в браузере.
Для этого открываем инструменты разработчика → вкладку Application → ServiceWorkers:
Статус должен быть "activated and is running".
1. Сервис-воркера нет.
Ищем на вкладке elements функцию webpush.create.
Если её нет, то сервис-воркер не инициализируется. Дополните скрипт сайта.
2. Если сервис-воркер есть, проверяем файл
Открываем на вашем сайте следующий адрес site.ru/mindbox-services-worker.js(site замените на своей домен)
Единственное, что должно быть на странице:
importScripts("https://api.mindbox.ru/scripts/service-worker.js");
Скрипт обязательно должен импортироваться, чтобы код всегда оставался актуальным.
3. Есть чужой сервис-воркер.
Из-за этого наш сервис-воркер либо не регистрируется, либо происходит регистрация поверх него.
Как проверить порядок регистрации сервис-воркера
-
Отвязываем сервис-воркер от сайта: нажать на той же вкладке Application на unregister:
Он переходит в статус 'deleted'.
-
Обновляем страницу, не закрывая инструменты разработчика (ctrl/command + r).
-
Смотрим, происходит ли перезапись сервис-воркера.
Это может быть причиной того, что у нас создается карточка клиента с токеном для браузера, но при отправке у браузера будет уже другой токен - связанный с другим сервис-воркером, из-за чего клиент не сможет получить наши пуши.