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 options
ist 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.,