Wie kann ich Push-Benachrichtigungen in einer HTML5-Webanwendung ausführen?

Question

Ich habe eine Webanwendung. Ich möchte die integrierte HTML 5-Benachrichtigungs-API verwenden, um Benachrichtigungen vom Server zu senden, wenn sich der Benutzer auf einer bestimmten Seite befindet. Ist es möglich?

Answer 1

Sie können echte Push-Benachrichtigungen mit Web-Apps heute in Chrome mit Service Workers und PushManager von W3C Push API.

Siehe den Artikel Push Notifications on the Open Web für eine Schritt-für-Schritt-Anleitung und Code-Schnipsel, die Sie verwenden können. Hier ist ein Diagramm aus diesem Artikel, das erklärt, wie die Benutzeroberfläche aussieht.

Ein implementation of the Push API has already landed in Firefox zu; Es ist Ziel für den Versand im November 2015 in Firefox 42. Und Microsoft hat auch indicated that the Push API is also under consideration for implementation in Edge team.

Unten ist ein einfaches Codebeispiel, entliehen von 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

Es hängt davon ab, was Sie erreichen wollen:

• , wenn Sie ein Push-Benachrichtigungen an den Benutzer während senden wollen, ist Ihre Website surfen Sie WebSockets verwenden können, und (optional) die Benachrichtigungen API Geben Sie der Benachrichtigung einen "nativen" Stil
• Wenn Sie Off-Site-Push-Benachrichtigungen (die auch geliefert werden, wenn der Benutzer nicht auf Ihrer Website ist) möchten, sollten Sie eine Kombination der Push-API (um das Offline-Ereignis auszulösen)) und die Benachrichtigungs - API, um die Benachrichtigung anzuzeigen (Sie kann read more here oder verwenden Sie einen Dienst wie