Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
Inny

Dodajemy powiadomienia WebPush na stronęDodajemy powiadomienia WebPush na stronę

inny webpush]

  • Nie możesz napisać tematu
  • Zaloguj się, aby dodać odpowiedź
2 odpowiedzi w tym temacie

#1 Bubiś

    Nowy

  • Użytkownik

Reputacja: 14
Początkujący

  • Postów:6
  • Imię:Damian
  • Lokalizacja:localhost
Offline

Napisano 15.07.2018 20:47

Dodajemy powiadomienia WebPush na stronę!






Wchodzimy na stronę https://pushpad.xyz/users/sign_up i zakładamy konto.



 wKZhyrp.png





Następnie wchodzimy w zakładkę "senders" i klikamy guzik "New senders"




9ZzZqEk.png


Następnie dodajemy nowy sender 


Name - nazwa strony

Domain - domena

Icon - ikonka przy powiadomieniu najlepiej wgrać 128x128 


j3WHDJ1.png









Następnie wchodzimy w "Projects" i klikamy guzik "New Project"


Sender - Wybieramy tu wcześniej przez nas dodany sender

Name - Podajemy nazwę strony

Website - Podajemy link do strony gdzie użytkownik będzie zezwalać na powiadomienia

Icon - Ikonka przy powiadomieniu


WKrLp7K.png




Następnie przechodzimy do katalogu strony i tworzymy nowy plik o nazwie "service-worker.js" wklejamy do niego i zapisujemy

importScripts('https://pushpad.xyz/service-worker.js');

Następnie wchodzimy w głowny plik strony u mnie jest to index.html i między <head> a </head> wklejamy kod zmieniamy PROJECT_ID i zapisujemy


PROJECT_ID - ID projektu znajdziesz je wchodząc w Project -> Wybierasz Projekt -> Zakładka setings

<script>
  (function(p,u,s,h,x){p.pushpad=p.pushpad||function(){(p.pushpad.q=p.pushpad.q||[]).push(arguments)};h=u.getElementsByTagName('head')[0];x=u.createElement('script');x.async=1;x.src=s;h.appendChild(x);})(window,document,'https://pushpad.xyz/pushpad.js');

  pushpad('init', PROJECT_ID);
  pushpad('subscribe');
</script>

KHC8ECm.png




Następnie wchodzimy na naszą stronę i naszym oczom ukazuje się komunikat o akceptacji powiadomień z naszej witryny



kP93SH8.png





Teraz aby wysłać powiadomienie wystarczy wejść w "Projects" i klikamy guzik "Send a notification"



Title - Temat 

Message - Wiadomość

Icon - Ikonka wgrywamy jeżeli chcemy inną niż wcześniej ustawioną 

Send - Wysyłamy 


815X8U2.png









Gotowe!


u8to3Dp.png


  • +
  • -
  • 3

#2 Ogen Dogen

    Czempion

  • Power User

Reputacja: 261
Wszechwidzący

  • Postów:837
  • GG:
  • Steam:steam
  • Imię:Marcin
  • Lokalizacja:Dąbrowa Górnicza
Offline

Napisano 15.07.2018 22:43

Powiadomienia push nie są natywnie dostępne w HTML5 ?


  • +
  • -
  • 0

b_350_20_360204_C20008_FFFFFF_000000.png 193.33.176.115:27015

 

94e23d811c.png

 


#3 DarkGL

    Nie oddam ciasteczka !

  • Administrator

Reputacja: 6 552
Godlike

  • Postów:11 974
  • GG:
  • Steam:steam
  • Imię:Rafał
  • Lokalizacja:Warszawa
Offline

Napisano 15.07.2018 23:28

Pisanie tego samemu jednak trochę zajmuje ( są gotowce ).

Sam napisałem swój system do tego ale teraz zdecydowanie polecał bym tego typu serwisy. Dużo wygodniejsze do działania :P
  • +
  • -
  • 1





Również z jednym lub większą ilością słów kluczowych: inny, webpush]

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych