Web-Push-Benachrichtigungen: Zeitnah, relevant und präzise

Von Joseph Medley
Technical Writer

Wenn Sie einen Raum fragen natürlich, welche mobilen Gerätefunktionen fehlen vondas Web, Push-Benachrichtigungen stehen immer ganz oben auf der Liste.

Web-Push-Benachrichtigungen ermöglichen es Benutzern, sich für rechtzeitige Updates von Sitesthey Love anzumelden und sie effektiv mit benutzerdefinierten,relevanten Inhalten zu verknüpfen.,

Die Push-API und die Benachrichtigungs-API eröffnen Ihnen ganz neue Möglichkeiten, wieder mit Ihren Benutzern in Kontakt zu treten.

Sind Servicemitarbeiter beteiligt?

ja. Push basiert auf Servicemitarbeitern, da Servicemitarbeiter in Thebackground arbeiten. Dies bedeutet, dass der einzige Zeitcode für eine Push-Benachrichtigung ausgeführt wird (mit anderen Worten, das einzige Mal, wenn der Akku verwendet wird), wenn der Benutzer mit einer Benachrichtigung interagiert, indem er darauf klickt oder sie schließt. Wenn Sie mit ihnen nicht vertraut sind, lesen Sie die Einführung des Servicemitarbeiters., Wir werden verwendenService Worker Code in späteren Abschnitten, wenn wir Ihnen zeigen, wie Sie Pushesand Benachrichtigungen implementieren.

Zwei Technologien

Push und Notification verwenden unterschiedliche, aber komplementäre APIs:Push wird ausgelöst, wenn ein Server Informationen an einen Service Worker liefert; anotificationist die Aktion eines Service Worker oder eines Webseitenskripts, das Informationen für einen Benutzer anzeigt.

Eine kleine Benachrichtigung >

Im nächsten Abschnitt werden wir ein paar Bilder auf Sie werfen, aber wir versprach Code. Also, hier ist es., Bei einer Service Worker-Registrierung rufen SieshowNotification für ein Registrierungsobjekt auf.

serviceWorkerRegistration.showNotification(title, options);

Das Argument title wird als Überschrift in der Benachrichtigung angezeigt. Das Argument optionsist ein Objektliteral, das die anderen Eigenschaften einer Benachrichtigung festlegt.Ein typisches options-Objekt sieht ungefähr so aus:

Dieser Code erzeugt eine Benachrichtigung wie die im Bild. Es bietet im Allgemeinen die gleichen Funktionen wie eine native Anwendung., Bevor ich in thespecifics der Implementierung dieser Funktionen eintauche, zeige ich Ihnen, wie Sie thosecapabilities effektiv nutzen können. Wir werden weiter die Mechanik der Implementierung von Push-Benachrichtigungen beschreiben, einschließlich des Umgangs mit Berechtigungen und Subscriptions, des Sendens von Nachrichten und der Reaktion darauf.

Wie kann ich es versuchen?

Es gibt verschiedene Möglichkeiten, wie Sie mit den Features spielen können, bevor Sie vollständig verstehen, wie sie funktionieren, oder sie implementieren müssen. Schauen Sie sich zuerst Ihre eigene Probe an.Ebenfalls erhältlich sind Peter Beverloo ‚ Snotification Generatorund Mozillas Push Payload Demo.,

Feedback

War diese Seite hilfreich?
Ja
Was war das Beste an dieser Seite?
Es hat mir geholfen, meine Ziele zu erreichen
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte die Informationen, die ich brauchte
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte genaue Informationen
Danke für das Feedback., Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es war einfach zu lesen
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Etwas anderes
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Nein
Was war das Schlimmste an dieser Seite?
Es hat mir nicht geholfen, meine Ziele zu erreichen
Vielen Dank für das Feedback., Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es fehlten Informationen, die ich brauchte
Danke für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte ungenaue Informationen
Danke für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es war schwer zu Lesen
vielen Dank für das feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.,

Etwas anderes
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Zur Werkzeugleiste springen