Wie zu verwenden-service-Arbeiter mit FCM für Push-Benachrichtigungen

Ich versuche, mit service-Arbeiter mit FB zu implementieren push-Benachrichtigungen in chrome. Ich habe eine manifest-Datei und eine sw.js die Datei in meinem web-app. Ich habe ein Projekt erstellt in FB und ich habe getestet die Anmeldung und senden von Benachrichtigungen. dies alles funktioniert gut, außer dass beim Empfang der Benachrichtigungen die Daten null ist. Ich verstehe nicht, warum und es gibt keine hilfreichen Ressourcen (meines Wissens!).
Hier ist mein service-Mitarbeiter Datei:

self.addEventListener('push', function(event) {
  console.log('Push message', event);
  var title = 'Push message';
  event.waitUntil(
    self.registration.showNotification(title, {
      body: 'The Message',
      icon: 'images/logo.svg',
      tag: 'my-tag'
  }));
});

Hier ist meine main.js Datei:

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js').then(function(registration) {
    //Registration was successful
    console.log('ServiceWorker registration successful with scope: ',    registration.scope);
    registration.pushManager.subscribe({
      userVisibleOnly: true
    }).then(function(sub) {
      console.log('endpoint:', sub.endpoint);
    }).catch(function(e) {

    });
  }).catch(function(err) {
    //registration failed :(
    console.log('ServiceWorker registration failed: ', err);
  });
}

Manifestieren.json:

{
  "name": "APPNAME",
  "gcm_sender_id": "SENDERID"
}

cURL Anfrage:

curl --header "Authorization: key=APIKEY" -application/json" https://fcm.googleapis.com/fcm/send -d "{\"registration_ids\":[\"REGISTRATIONID\"],\"notification\":{\"title\":\"test\",\"body\":\"testing\"},\"data\":{\"title\":\"erse\"}}"

Konsole von push-event aus sw.js:
Wie zu verwenden-service-Arbeiter mit FCM für Push-Benachrichtigungen

Erhalte ich keine Daten ich habe in dem request. Ist dies getan, auf eine andere Weise mit der FB?
Vielen Dank im Voraus.

InformationsquelleAutor TheSabby | 2016-06-28
  1. 5

    Laut diese, können Sie Daten mit chrome-Benachrichtigung version für chrome-version 50 ab.

    Vor Chrome 50, push-Nachrichten enthalten keine Nutzdaten. Wenn die "push" - Ereignisses, das ausgelöst wird, in Ihrer service-Mitarbeiter, alles, was Sie wusste, war, dass der server versucht dir etwas zu sagen, aber nicht, was es sein könnte. Sie mussten dann machen Sie eine follow-up-Anfrage an den server und erhalten die details der Benachrichtigung, um zu zeigen, das womöglich nicht in einem schlechten Netzwerk-Bedingungen.

    Nun in Chrome, 50 (und in der aktuellen version von Firefox auf dem desktop) können Sie ein paar beliebige Daten zusammen mit den push so kann der Kunde vermeiden, dass das extra anfordern. Aber mit großer macht kommt große Verantwortung, so dass alle Nutzdaten verschlüsselt werden müssen.

    Für Ihre aktuelle Umsetzung ist etwas wie dieses:

    self.addEventListener('push', function(event) {

var apiPath = '<apiPath>';
event.waitUntil(registration.pushManager.getSubscription().then(function (subscription){

    return fetch(apiPath).then(function(response){
        if(response.status !== 200){
            throw new Error();
        }

        return response.json().then(function(data){
            var title = data.title;
            var message = data.body;
            var icon = data.icon;
            var tag = data.tag;
            var url = data.url;
            return self.registration.showNotification(title,{
               body: message,
               icon: icon,
               tag: tag,
               data: url
            });
        })
    }).catch(function(err){

    })

}));
return;
});

    Für eine bestimmte Benachrichtigung und können verknüpft werden, um insbesondere Benutzer, übergeben Sie den parameter Registrierungs-id des Arbeiters in der api-url und bekomme die Meldung für die jeweilige id.
    Hoffe, das hilft!

    • Vielen Dank für die Information mich, dass es nun möglich ist
    • was ist apiPath ?
    • api-Pfad der Anfrage-url, die Sie bietet die Daten der Meldung.
    InformationsquelleAutor doubt
  2. 0

    Laut dieses tutorial Sie derzeit senden können nicht alle Daten zu GCM:

    Einen Nachteil der aktuellen Implementierung der Push-API in Chrome ist, dass Sie können nicht senden Sie alle Daten mit einer push-Nachricht. Nope, nichts. Der Grund dafür ist, dass in einer zukünftigen Implementierung, payload-Daten werden verschlüsselt auf dem server vor dem senden einer push-messaging endpoint. Diese Weise den Endpunkt, was auch immer push-Anbieter ist es, nicht in der Lage sein, auf einfache Weise den Inhalt der push-Nachricht. Dies schützt auch gegen andere Schwachstellen wie schlechte Validierung von Zertifikaten für HTTPS-und man-in-the-middle-Angriffe zwischen Ihrem server und dem push-Anbieter. Jedoch, diese Verschlüsselung wird jedoch nicht unterstützt, so in der Zwischenzeit müssen Sie zum ausführen einer fetch-Anweisung, um Informationen zu erhalten benötigt, um füllen Sie eine Benachrichtigung.

    InformationsquelleAutor ktusznio
Schreibe einen Kommentar