[Javascript] Notification - Browser ( messaggio di notifica browser ).

otto9due

Utente Attivo
22 Feb 2014
591
25
28
Buongiorno a tutti,
sono alle prese con un'api che non riesco a capire. In pratica serve a generare le notifiche sui browser, l'ho testato sul mio dominio è funziona tutto, ma per funzionare ho bisogno sempre di cliccare sul bottone che lancia la funzione al click.

Come faccio però a lanciare la notifica a tutti gli utenti che hanno autorizzato le notifiche? So che si può fare perchè l'ho visto in un altro sito.

Vi posto quanto ho trovato online ed editato ( e che funziona se caricato su un server con certificato https ):

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>prova</title>
        <script>
            // request permission on page load
            document.addEventListener('DOMContentLoaded', function () {
                if (!Notification) {
                    alert('Le notifiche non sono attivabili sul tuo browser. Aggiornalo!');
                    return;
                }

                if (Notification.permission !== "granted")
                    Notification.requestPermission();
            });


            function notifyMe() {
                if (Notification.permission !== "granted")
                    Notification.requestPermission();
                else {
                    var notification = new Notification('Titolo Notifica', {
                        icon: 'https://www.sitoweb.net/notify/logo.png',
                        body: "Messaggio di notifica ecc..",
                        image: 'https://www.sitoweb.net/notify/img.jpg'
                    });

                    notification.onclick = function () {
                        window.open("https://www.sitowebdestinazioneclick.it");
                    };
                }
            }


        </script>
    </head>
    <body>
        <button onclick="notifyMe()">Prova!</button>
    </body>
</html>

Qualcuno mi sa indicare la procedura per poterne personalizzare di volta in volta ed inviare?

P.S. so che sono state usate queste api "Notifications API", qui la documentazione

Grazie per la collaborazione.
 

Discussioni simili