Web-Push-Varslinger: Tidsriktig, Relevant, og Presise

Av Joseph Medley
Teknisk Forfatter

Hvis du spør et rom av utviklere hva mobile enheten har mangler suge web-push-varslinger er alltid høyt på listen.

Web-push-varslinger tillate brukere å opt-in for tidsriktige oppdateringer fra sitesthey kjærlighet og tillate deg å effektivt re-engasjere dem med tilpasset,relevant innhold.,

Trykk API og Varsling API åpne et helt nytt sett av muligheter foryou å re-engasjere seg med brukerne.

Er service arbeidere involvert?

Ja. Trykk og er basert på service arbeidere fordi service arbeidere operere i thebackground. Dette betyr at det eneste gang koden kjøres for en push-varsling (inother ord, den eneste gangen batteriet er brukt) er når brukeren samhandler witha meldingen ved å klikke på det, eller for å lukke det. Hvis du ikke er kjent med dem,og sjekk ut service arbeidstaker innledning., Vi vil useservice arbeidstaker koden i senere avsnitt når vi vise deg hvordan å implementere pushesand varsler.

To teknologier

Trykk og varsling bruke ulike, men komplementære, Api:trykk isinvoked når en server som leverer informasjon til en tjeneste arbeidstaker; anotificationis virkningen av en tjeneste ansatt eller en web-side script som viser informationto en bruker.

En liten melding anatomi

I neste avsnitt kommer vi til å kaste en haug med bilder på deg, men wepromised kode. Så, her er det., Med en service arbeidstaker registrering du ringershowNotification på en registrering objekt.

serviceWorkerRegistration.showNotification(title, options);

title argumentet vises som en overskrift i rapporten. optionsargumentet er et objekt bokstavelig som setter de andre egenskapene for en melding.Et typisk valg objekt ser noe som dette:

Denne koden gir et varsel som en den i bildet. Det generallyprovides de samme mulighetene som en native applikasjon., Før dykking i thespecifics om å implementere disse funksjonene, jeg skal vise deg hvordan du bruker thosecapabilities effektivt. Vi vil gå på å beskrive mekanismene ofimplementing push-varslinger, herunder håndtering av tillatelser andsubscriptions, sende meldinger, og å svare på dem.

Hvordan kan jeg prøve det?

Det er flere måter du kan spille med funksjoner før du completelyunderstand hvordan de fungerer, eller du har til å gjennomføre dem. Først, sjekk outour eget eksempel.Også tilgjengelig er Peter Beverloo’sNotification Generatorand Mozilla Trykk Nyttelast Demo.,

Tilbakemelding

Var denne siden nyttig?
Ja
Hva var det beste med denne siden?
Det hjalp meg til å fullføre målet mitt(s)
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde den informasjonen jeg trengte
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde nøyaktig informasjon
Takk for tilbakemeldingen., Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var lett å lese
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Noe annet
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Nei
Hva var den verste tingen om denne siden?
Det ikke hjelpe meg med å fullføre målet mitt(s)
Takk for tilbakemeldingen., Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var manglende informasjon jeg trengte
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde uriktige opplysninger
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var vanskelig å lese
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.,

Noe annet
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

Hopp til verktøylinje