PWA Push Notificaties

Over het project

In opdracht van een klant heb ik een push notificatie systeem gebouwd op basis van een Progressive Web App. Het doel was eenvoudig: de klant moest in staat zijn om vanuit zijn eigen applicatie push notificaties te versturen naar gebruikers op zowel desktop als mobiel, zonder dat die gebruikers een native app hoefden te installeren.

Het resultaat was een kant-en-klaar script dat de klant kon integreren in zijn eigen project. Gebruikers geven via de browser toestemming voor notificaties, waarna de applicatie op elk gewenst moment een bericht kan sturen. De klant behield volledige controle over wanneer en wat er verstuurd werd.

Hoe het werkt

• Service worker vangt binnenkomende push events op en toont de notificatie via de browser, ook als de webapp niet actief open staat.
• Web Push Protocol met VAPID-sleutels voor veilige, servergestuurde notificaties zonder tussenkomst van een externe dienst.
• Abonnementen worden opgeslagen in de database; de klant kan op elk moment een bericht sturen naar alle of specifieke gebruikers.
• Klikken op een notificatie opent direct de bijbehorende URL in de browser.
• Werkt op desktop (Chrome, Edge, Firefox) en Android. Op iOS ondersteund vanaf Safari 16.4.

Opgeleverd als integreerbaar script

Gebruikte technologieën