Dostarczaj użytkownikom przydatne i aktualne powiadomienia.
Powiadomienia push zostały ustandaryzowane w 2016 roku wraz z udostępnieniem interfejsów Push API i Notification API, które są częścią grupy roboczej organizacji W3C Web Applications. Interfejsy API te zapewniają programistom stron internetowych niezbędną funkcjonalność, która pozwala na umieszczanie powiadomień push w swoich aplikacjach internetowych, a użytkownikom pozwala na otrzymywanie powiadomień i wchodzenie z nimi w interakcje w przeglądarkach. Komunikaty push to powiadomienia wysyłane do przeglądarki użytkownika z witryny lub aplikacji, którym użytkownik wcześniej przyznał uprawnienia do wysyłania powiadomień. Wiadomości te mogą służyć do powiadamiania użytkowników o nowych treściach lub aktualizacjach, przypominania o nadchodzących wydarzeniach lub terminach oraz innych ważnych informacji. Komunikaty push mogą być szczególnie przydatne w aplikacjach, które muszą dostarczać użytkownikom w odpowiednim momencie ważne informacje, takich jak wiadomości lub aplikacje sportowe, oraz w witrynach e-commerce, które chcą wysyłać użytkownikom powiadomienia o ofertach specjalnych lub wyprzedażach.
Aby zarejestrować się w celu otrzymywania powiadomień push, najpierw sprawdź, czy Twoja przeglądarka je obsługuje, sprawdzając obiekty serviceWorker i PushManager w obiektach navigator i window.
Jeśli powiadomienia push są obsługiwane, użyj słów kluczowych async i await, aby zarejestrować skrypt service worker i zasubskrybować powiadomienia push. Oto przykład, jak można to zrobić za pomocą JavaScriptu:
// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
try {
// Register the service worker.
const swReg = await navigator.serviceWorker.register("/sw.js");
// Subscribe for push notifications.
const pushSubscription = await swReg.pushManager.subscribe({
userVisibleOnly: true
});
// Save the push subscription to the database.
savePushSubscription(pushSubscription);
} catch (error) {
// Handle errors.
console.error("Error subscribing for push notifications.", error);
}
} else {
// Push notifications are not supported by the browser.
console.error("Push notifications are not supported by the browser.");
}