Pull to refresh
1
Николай@whit3Demon

User

Send message

Push-Notifications в PWA и браузере: полная реализация без сторонних сервисов

Level of difficultyMedium
Reading time12 min
Reach and readers27K

Push-уведомления в вебе без Firebase, OneSignal и прочих посредников - только штатные браузерные API: Service Worker, Push API, VAPID и Notifications API. На десктопе и Android пуши работают в обычной вкладке, PWA-обвязка нужна ради iOS 16.4+.

В статье:

• как устроена вся цепочка и почему именно так

• готовый код Service Worker и клиентской части

• сервер на Express с отправкой и чисткой мёртвых подписок

• PWA-манифест и специфика iOS

• детекция платформы и подсказка об установке

• грабли, из-за которых «не работает» - event.waitUntil, тихие пуши, протухшие подписки

Уведомления приходят даже при закрытом браузере, весь код можно копировать.

Читать далее

Information

Rating
Does not participate
Location
Калининград (Кенигсберг), Калининградская обл., Россия
Date of birth
Registered
Activity

Specialization

Фронтенд разработчик, Разработчик мобильных приложений
Старший
From 250,000 ₽
React
React Native
TypeScript
Node.js
Веб-разработка
Next.js
JavaScript
Webpack
SCSS