Dodajemy powiadomienia WebPush na stronę!
Wchodzimy na stronę https://pushpad.xyz/users/sign_up i zakładamy konto.
Następnie wchodzimy w zakładkę "senders" i klikamy guzik "New senders"
Następnie dodajemy nowy sender
Name - nazwa strony
Domain - domena
Icon - ikonka przy powiadomieniu najlepiej wgrać 128x128
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
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>
Następnie wchodzimy na naszą stronę i naszym oczom ukazuje się komunikat o akceptacji powiadomień z naszej witryny
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
Gotowe!