Web Push Notification
summary
Shows how to implement Web Push for a Progressive Web App by registering a service worker, generating a VAPID key pair, subscribing with the Push API, stringifying/encrypting payloads, and sending pushes from an Express server using the web-push library. Covers practical details: subscription objects return an endpoint and keys the server must store, browser support (Chrome/Firefox/Opera; Safari/iOS missing), image and action buttons mainly work in Chrome, HTTPS requirement, and a live demo that sometimes had delayed/flaky delivery.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:30What push notifications are
- 5:09Push vs web notifications
- 7:17Push notifications history
- 9:02Push implementation actors
- 11:33Client setup steps
- 18:09Demo: client registration
- 25:05Server role in notifications
- 28:42Demo: server sending
- 33:26Handling notifications
- 35:34Service Worker role
- 37:27Event handling and interaction
- 40:24Four actors and full flow
- 41:06Resources and demos
