Come posso inviare notifiche push in un'applicazione Web HTML5?

Question

Ho un'applicazione web. Voglio utilizzare l'API delle notifiche integrate HTML 5 per inviare notifiche dal server quando l'utente si trova su una determinata pagina. È possibile?

Answer 1

È possibile effettuare notifiche push reali con le app Web oggi in Chrome utilizzando Service Workers e PushManager da W3C Push API.

Vedere l'articolo Push Notifications on the Open Web per istruzioni passo-passo e snippet di codice che è possibile utilizzare. Ecco un diagramma di quell'articolo che spiega come appare l'interfaccia utente.

Un implementation of the Push API has already landed in Firefox troppo; è destinato alla spedizione a novembre 2015 in Firefox 42. E Microsoft ha anche indicated that the Push API is also under consideration for implementation in Edge team.

Di seguito è riportato un esempio di codice semplice, preso in prestito da MDN.

this.onpush = function(event) { 
    console.log(event.data); 
} 

navigator.serviceWorker.register('serviceworker.js').then(
    function(serviceWorkerRegistration) { 
    serviceWorkerRegistration.pushManager.subscribe().then(
     function(pushSubscription) { 
     console.log(pushSubscription.subscriptionId); 
     console.log(pushSubscription.endpoint); 
     }, function(error) { 
     console.log(error); 
     } 
    ); 
    }); 

Answer 2

Dipende da quello che vuoi realizzare:

• se si desidera inviare una spinta notifiche all'utente mentre sta navigando il vostro sito web è possibile utilizzare WebSockets e (facoltativamente) l'API Notifiche per dare alla notifica uno stile "nativo"
• se si desidera ricevere notifiche push off-site (che vengono recapitate anche quando l'utente non è sul proprio sito Web), utilizzare una combinazione dell'API Push (per attivare l'evento offline) e l'API di notifica per visualizzare la notifica (tu può read more here o utilizzare un servizio come Pushpad)