Wie man Daten von Servicemitarbeiter zu Angular JS Controller

Question

Ich möchte einige Daten passieren passieren, die ich durch Chrom-Push-Benachrichtigung an mein Controller in Winkel js empfangen

mein sw.js ist

self.addEventListener('push', function(event) { 
    //console.log('Received a push message', event.data.json()); 
    var obj = event.data.json(); 
    var title = obj.title; 
    var body = "Customer number : "+obj.payload.customer_number+" \nCustomer address : "+obj.payload.customer_address; 
    var icon = 'assets/images/favicon-192.png'; 
    var tag = 'sfxorder'; 
    var sound = 'assets/audio/ping.mp3'; 
    event.waitUntil( 
     self.registration.showNotification(title, { 
     body: body, 
     icon: icon, 
     tag: tag, 
     sound:sound , 
     vibrate: [300, 100, 400] 

     }) 
    ); 
    }); 

I Ich empfange die Daten in obiger Methode, aber wie übergebe ich diese Daten an den Controller?

Answer 1

Wenn Sie von einem Service-Mitarbeiter sofort eine Nachricht an eine oder mehrere Client-Seiten senden müssen, wäre die Verwendung der Methode Client.postMessage() der beste Ansatz.

Hier ist ein Auszug aus a full sample:

// From within your service worker, you can get a list of active clients 
// and call postMessage() to communicate with any of the ones you want: 
self.clients.matchAll().then(function(clients) { 
    clients.forEach(function(client) { 
    client.postMessage({foo: 'bar'}); 
    }); 
}); 


// From within your client pages, you can listen for messages via: 
navigator.serviceWorker.addEventListener('message', function(event) { 
    // Do something with event.data 
}); 

Wenn Sie nur Daten speichern möchten, die später durch eine Client-Seite verwendet werden könnten, aber Sie brauchen nicht auf die Client-Seite sofort, die Einsparung benachrichtigen es zu IndexedDB wäre der am besten geeignete Ansatz.