Как работают push-уведомления в интернет-браузерах

Push-уведомления в интернет-браузерах работают на уровне браузера и операционной системы, а не зависят от активности сайта. thecode.media

Для пользователя принцип работы выглядит так: при посещении сайта или приложения всплывает окошко с запросом на показ уведомлений. marketolog.mts.ru Пользователь нажимает «Разрешить», и после этого ему начинают приходить уведомления от ресурса, даже когда браузер (на компьютере) или приложение (на телефоне) закрыты. marketolog.mts.ru

Технология работы push-уведомлений с изнанки выглядит немного сложнее: marketolog.mts.ru

1. Сервер ресурса отображает страницу пользователю. marketolog.mts.ru
2. Пользователь разрешает показ уведомлений (таким образом происходит регистрация), и сервер сообщений присваивает ему уникальный ID. marketolog.mts.ru
3. Устройство пользователя автоматически отправляет этот ID на сервер ресурса, который связывает имя посетителя и конкретный гаджет. marketolog.mts.ru
4. Сервер ресурса отсылает пользователю push-уведомление через сервер сообщений, используя ID. marketolog.mts.ru

Вся механика push-уведомлений в браузерах основана на JavaScript, Push API и Service Worker. thecode.media Service Worker — это фоновый скрипт, который браузер запускает независимо от активности сайта. thecode.media Он не имеет доступа к DOM (то есть не может напрямую изменять страницу), но может обрабатывать push-уведомления, кэшировать ресурсы для офлайн-режима и перехватывать сетевые запросы, оптимизируя их. thecode.media