Web Push Notifications: aktuell, Relevant och exakt

av Joseph Medley
teknisk författare

Om du frågar ett rum med Utvecklare vilka mobila enhetsfunktioner som saknas frånwebbsidan, push-meddelanden är alltid höga på listan.

web push-meddelanden tillåter användare att anmäla sig till aktuella uppdateringar från webbplatserde älskar och låter dig effektivt åter engagera dem med anpassat,relevant innehåll.,

Push API och anmälan API öppna en helt ny uppsättning möjligheter för dig att åter engagera med dina användare.

är tjänstearbetare inblandade?

Ja. Push bygger på servicearbetare eftersom servicearbetare arbetar iBakgrunden. Det betyder att den enda tidskoden körs för en push-meddelande (iandra ord, den enda gången batteriet används) är när användaren interagerar meden anmälan genom att klicka på den eller stänga den. Om du inte är bekant med dem,kolla in service worker introduktionen., Vi kommer att använda Service worker code i senare avsnitt när vi visar dig hur du implementerar push-och aviseringar.

två tekniker

tryck och anmälan Använd olika, men komplementära, API: push-meddelanden: push-meddelanden när en server levererar information till en tjänsteman; anotification är åtgärden av en tjänsteman eller webbsida script som visar information till en användare.

A little notification anatomy

i nästa avsnitt kommer vi att kasta en massa bilder på dig, men wepromised kod. Så här är det., Med en tjänstearbetarregistrering anropar dushowNotification på ett registreringsobjekt.

serviceWorkerRegistration.showNotification(title, options);

argumentettitle visas som en rubrik i anmälan. Argumentetoptions är ett bokstavligt objekt som anger de andra egenskaperna för en anmälan.Ett typiskt alternativobjekt ser ut så här:

den här koden ger ett meddelande som det i bilden. Det allmäntger samma möjligheter som en inbyggd applikation., Innan du dyker in ispecifikationerna för att genomföra dessa funktioner, ska jag visa dig hur du använder dessa förmågor effektivt. Vi fortsätter med att beskriva mekaniken för att genomföra push-meddelanden, inklusive hantering av behörigheter och prenumerationer, skicka meddelanden och svara på dem.

hur kan jag prova det?

det finns flera sätt du kan spela med funktionerna innan du heltförstå hur de fungerar, eller måste genomföra dem. Först kolla invårt eget prov.Det finns också Peter Beverloo ’ notification Generatoroch Mozillas Push Payload Demo.,

Feedback

var den här sidan till hjälp?
Ja
vad var det bästa med den här sidan?
det hjälpte mig att slutföra mitt mål
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

den hade den information jag behövde
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

den hade korrekt information
Tack för feedbacken., Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

det var lätt att läsa
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

något annat
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

Nej
vad var det värsta med den här sidan?
det hjälpte mig inte att slutföra mitt mål
Tack för feedbacken., Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

det saknades information jag behövde
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

den hade felaktig information
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

det var svårt att läsa
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.,

något annat
Tack för feedbacken. Om du har specifika idéer om hur du kan förbättra den här sidan, skapa ett problem.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Hoppa till verktygsfältet