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.pngikonka 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)

  1. Ilość instancji aplikacji, do których zostanie wysłana notyfikacja
  2. Tytuł notyfikacji
  3. Tekst notyfikacji
  4. Ikonka na pasku powiadomień w smartphonie
  5. Ikonka notyfikacji
  6. Obrazek notyfikacji
  7. Kod, który należy wkleić od urządzenia wysyłającego.
  8. 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[...]AQzTc5fz 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.