Web Push-Notificaties: Tijdige, Relevante, en Precies

Door Joseph Medley
Technical Writer

Als u vragen een kamer van ontwikkelaars wat mobiele apparaat functies ontbreken van het web, push-meldingen zijn altijd hoog op de lijst.

web pushmeldingen kunnen gebruikers opt-in voor tijdige updates van sitesthey love en kunt u effectief opnieuw te betrekken hen met aangepaste,relevante inhoud.,

De Push API en Notification API openen een geheel nieuwe reeks mogelijkheden voor u om opnieuw te gaan met uw gebruikers.

zijn er werknemers in de dienstensector bij betrokken?

Ja. Push is gebaseerd op service workers omdat service workers op de achtergrond werken. Dit betekent dat de enige tijdcode wordt uitgevoerd voor een push-melding (met andere woorden, de enige tijd dat de batterij wordt gebruikt) is wanneer de gebruiker interageert met een melding door erop te klikken of te sluiten. Als je ze niet kent,bekijk dan de introductie van de servicemedewerker., We zullen de code van de servicemedewerkers in de volgende secties gebruiken wanneer we u laten zien hoe u pushen notificaties kunt implementeren.

twee technologieën

push en notification gebruiken verschillende, maar complementaire API ‘ s:push wordt uitgelokt wanneer een server informatie aan een servicewerker levert; een notification is de actie van een servicewerker of webpagina script dat informatie aan een gebruiker toont.

A little notification anatomy

In de volgende sectie gaan we een hoop foto ‘ s naar je gooien, maar we hebben code. Dus, hier is het., Met een service worker registratie roept ushowNotification aan op een registratie object.

serviceWorkerRegistration.showNotification(title, options);

het argument title verschijnt als kop in de kennisgeving. Het argument optionsis een object dat de andere eigenschappen van een notificatie instelt.Een typisch optieobject ziet er ongeveer zo uit:

deze code produceert een notificatie zoals die in de afbeelding. Het biedt over het algemeen dezelfde mogelijkheden als een native applicatie., Voordat ik inga op de specifieke aspecten van het implementeren van deze mogelijkheden, zal ik je laten zien hoe je deze mogelijkheden effectief kunt gebruiken. We gaan verder met het beschrijven van de mechanismen van het implementeren van pushmeldingen, inclusief het afhandelen van machtigingen en inschrijvingen, het verzenden van berichten en het reageren daarop.

Hoe kan ik het proberen?

er zijn verschillende manieren waarop je met de functies kunt spelen voordat je volledig begrijpt hoe ze werken, of ze moet implementeren. Controleer eerst ons eigen monster.Ook beschikbaar zijn Peter Beverloo ’s notification generatoren Mozilla’ s Push Payload Demo.,

Feedback

Was deze pagina nuttig?
Ja
wat was het beste aan deze pagina?
Het hielp me mijn doel(en) te voltooien
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Het had de informatie die ik nodig had
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het had nauwkeurige informatie
Bedankt voor de feedback., Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het was gemakkelijk om
te lezen Dank u voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

iets anders
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

No
wat was het ergste aan deze pagina?
Het heeft me niet geholpen mijn doel(en) te voltooien
Bedankt voor de feedback., Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

er ontbrak informatie die ik nodig had
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Het had onjuiste informatie
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het was moeilijk om
te lezen bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.,

iets anders
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Spring naar toolbar