Wprowadzenie
Notyfikacje Push – dają możliwość wysłania wiadomości do aplikacji mobilnej/przeglądarki, nawet gdy dana aplikacja/ strona internetowa jest wyłączona. Pozwala to na powiadomienie użytkownika, gdy zaszło jakieś zdarzenie.
Pojawiające się linki (np skanowane przez kod QR najlepiej otwierać w przeglądarce Chrome na smartphonie ( najlepiej wspiera notyfikacje i aplikacje PWA))
RemoteMe.org
W RemoteMe jest możliwość wysłania wiadomości push do aplikacji mobilnych ( artykuł o aplikacjach mobilny w RemoteMe ) Wsparcie notyfikacji push jest generowane domyślnie i odpowiada za to przełącznik :
Włączenie go powoduje w czasie konfiguracji utworzenie plików (przycisk jest dostępny tylko dla androida wspierane przeglądarki tutaj ):
pushSupport.js
– rejestruje przycisk pokazujący status notyfikacji, wyświetla komunikat do włączenia wiadomości push, oraz obsługę push notyfikacji, gdy aplikacja jest włączona.badge.png
ikonka która pojawia się w smartphonie w belce powiadomień ( kolor biały i przeźroczystości)- dodanie bibliotek (firebase) w
app.html
- dodanie skryptu instalacyjnego w
app.html
Po zeskanowaniu kodu QR aplikacja zapyta czy chcemy włączyć powiadomienia push, oraz pojawi się przycisk w aplikacji w prawym dolnym rogu
kolor zielony i zniknięcie ikonki oznacza, że instalacja przebiegła pomyślnie, inny kolor i komunikat informuje co poszło nie tak. Żeby powtórzyć proces instalacji wystarczy kliknąć w ikonkę dzwonka, lub odświeżyć aplikacji (w smartphonie przesuwając palcem z góry na dól)
Wysyłanie wiadomości
Klikając na burger menu strony, gdzie chcemy wysłać notyfikacje:
Pojawi się okno:
Żeby okno pojawiło się w takiej formie musimy kliknąć Configure w instalacji aplikacji android z zaznaczoną opcją “Push notification support” i zainstalować notyfikacje w przeglądarce lub smartphonie (otwierając wygenerowany link i wyrażając zgody wspomniane wcześniej)
- Ilość instancji aplikacji, do których zostanie wysłana notyfikacja
- Tytuł notyfikacji
- Tekst notyfikacji
- Ikonka na pasku powiadomień w smartphonie
- Ikonka notyfikacji
- Obrazek notyfikacji
- Kod, który należy wkleić od urządzenia wysyłającego.
- Wysyłamy testowo notyfikację.
Po wysłaniu notyfikacji na smartphonie pojawi się ikonka ( pod warunkiem, że aplikacje nie jest aktualnie aktywna, w przeciwnym razie wyświetli się mały “snackbar”)
,a po rozwinięciu:
(“sucess kid” to obrazek wybrany w “6” w poprzednim oknie)
Po kliknięciu notyfikacji otworzy się aplikacja ( o ile nie jest otwarta aktualnie w przeglądarce)
Podobnie możemy wysłać notyfikacje do chrome na PC, w tym celu, zamiast skanować ścieżkę do instalcji kopiujemy ją i wklejamy do przeglądarki:
Po wysłaniu notyfikacji:
Uwaga – żeby notyfikacja została w ten sposób dostarczona, domena app.remoteme.org nie może być otwarta w żadnej z zakładek chrome’a.
Zarządzanie instancjami aplikacji gdzie jest wysyłana notyfikacja
Zdarza się, że nie chcemy już otrzymywać notyfikacji wtedy albo cofamy uprawnienia aplikacji, albo usuwamy ją z remoteMe.
Pojawi się okno, gdzie możemy usunąć wybraną instancję aplikacji:
Uwagi
- Żeby notyfikacja pojawiła się na PC, oprócz otwarcia strony app.html i instalacji, domena app.remoteme.org nie może być otwarta w żadnej z zakładek przeglądarki gdzie była instalacja
- Żeby notyfikacja pojawiła się w belce powiadomień na smartphonie – aplikacja nie może być aktualnie aktywna
- Po jakimś czasie nieaktywności smarpthona push wiadomości będą dostarczone z opóźnieniem
- Po stronie RemoteMe Wasza aplikacja, gdzie identyfikator instancji aplikacji jest w formacie
eRdDNzkuF78:APA91bH6LkgBJAE1QH[...]AQzTc5f
z tego ciągu znaków nie jest możliwe wyciągnięcie żadnych Waszych danych personalnych. - Platforma RemoteMe nie przechowuje ani nie loguję treści wysłanych wiadomości.