Czym są powiadomienia push w sieci, trzy API przeglądarki, na których się opierają, zasada ekranu głównego na iPhonie oraz demo zgody, które wypróbujesz w swojej przeglądarce.
Powiadomienie push to krótka wiadomość, którą strona lub aplikacja wysyła na Twoje urządzenie i która pojawia się nawet wtedy, gdy strona jest zamknięta. W sieci wymaga trzech funkcji przeglądarki: service workera działającego w tle, Push API do odbioru wiadomości oraz Notifications API do jej wyświetlenia, gdy odwiedzający wyrazi zgodę.
Elementy web push
Dzięki push sklep informuje klienta, że zamówienie zostało wysłane, a serwis rezerwacji przypomina o jutrzejszej wizycie, bez e-maila. Dobrze użyte są mile widziane; o zgodę poproszoną za wcześnie zostaną zablokowane na dobre. Demo poniżej pokazuje stany zgody wyłącznie z lokalnym powiadomieniem.
Tak, od iOS i iPadOS 16.4, w przypadku aplikacji internetowych dodanych do ekranu głównego. WebKit podaje, że taka aplikacja może poprosić o zgodę, a prośba musi wynikać z bezpośredniego działania użytkownika, na przykład kliknięcia przycisku.
Nie. MDN opisuje Push API jako umożliwiające aplikacji internetowej odbieranie wiadomości niezależnie od tego, czy jest na pierwszym planie, a nawet czy jest wczytana. Wiadomość obsługuje service worker.
granted (odwiedzający się zgodził), denied (zablokował) i default (jeszcze nie zdecydował). W stanie default przeglądarka zachowuje się tak, jakby zgody odmówiono.
Tak. MDN oznacza prośbę o zgodę na powiadomienia jako dostępną tylko w bezpiecznych kontekstach i podaje, że service workery również są dostępne tylko w bezpiecznych kontekstach (http://localhost się liczy podczas programowania).
To opcja pushManager.subscribe() oznaczająca obietnicę, że każdy push wywoła coś widocznego dla użytkownika. MDN zauważa, że Chrome i Edge odrzucają subskrypcję, jeśli nie jest ustawiona na true.
Uruchamia się tylko po kliknięciu Twojego przycisku przez odwiedzającego. Klucz publiczny pochodzi z pary kluczy VAPID Twojego serwera.
Service worker budzi się przy zdarzeniu push i musi dla niego wyświetlić powiadomienie.
To sprawdza, co obsługuje Twoja przeglądarka, i pozwala wyświetlić sobie jedno lokalne powiadomienie. Nic nie jest subskrybowane i nie bierze w tym udziału żaden serwer.
Co obsługuje ta przeglądarka
Notifications API
Service workery
Push API (PushManager)
Bezpieczna strona (HTTPS)
Tak
Nie
Obecna zgoda na powiadomienia:
Jeszcze nie pytano (default)
Dozwolone (granted)
Zablokowane (denied)
Nieobsługiwane w tej przeglądarce
Poproś o zgodę
Pokaż testowe powiadomienie
Twoje zamówienie jest gotowe
To lokalny test z przewodnika we.inc. Nie wysłał go żaden serwer.
Wysłano do systemu. Jeśli nic się nie pojawiło, sprawdź ustawienia powiadomień na urządzeniu.
Ta przeglądarka nie wyświetliła powiadomienia ze strony. Na wielu telefonach powiadomienia przychodzą tylko przez service workera.
Zablokowałeś powiadomienia dla tej strony. Tylko Ty możesz to cofnąć, w ustawieniach strony obok paska adresu.
Chcesz dostać wiadomość, gdy zamówienie zostanie wysłane?
Wysyłamy tylko informacje o wysyłce. Wyłączysz je w każdej chwili.
Tak, powiadom mnie
Nie teraz
Nie pokazano okna przeglądarki, więc możesz zapytać ponownie później bez ryzyka blokady.
Zacznij za darmo · Bez karty kredytowej