How we can use it?

Hi there, i need some help on this angular-web-notification.

Let me first explain it, i am using the code below which register to service worker and i get push notification in chrome i.e sw.js( name of file ) `use strict’;

const applicationServerPublicKey = 'key';
function urlB64ToUint8Array(base64String) {
const padding = '='.repeat((4 - base64String.length % 4) % 4);
const base64 = (base64String + padding)
    .replace(/\-/g, '+')
    .replace(/_/g, '/');

const rawData = window.atob(base64);
const outputArray = new Uint8Array(rawData.length);

for (var i = 0; i < rawData.length; ++i) {
outputArray[i] = rawData.charCodeAt(i);
}
 return outputArray;
}

self.addEventListener('push', function(event) {
console.log('[Service Worker] Push Received.');
// console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);

console.log(event.data);
console.log(event.data.json());
console.log(typeof (event.data.json()));
console.log(event);
const title = 'xyz';
const options = {
body: 'Message Received \n ' + event.data.json().message,
icon: 'images/icon.png',
// badge: 'images/badge.png',
data : event.data.json()
};

event.waitUntil(self.registration.showNotification(title, options));
});

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


console.log('[Service Worker] Notification click Received.');

event.notification.close();

event.waitUntil(
    clients.openWindow('url');
);
});

self.addEventListener('pushsubscriptionchange', function(event) {
console.log('[Service Worker]: \'pushsubscriptionchange\' event fired.');
const applicationServerKey = urlB64ToUint8Array(applicationServerPublicKey);
 event.waitUntil(
    self.registration.pushManager.subscribe({
            userVisibleOnly: true,
            applicationServerKey: applicationServerKey
        })
        .then(function(newSubscription) {
            console.log('[Service Worker] New subscription: ', newSubscription);
        })
);
});`


`if ('serviceWorker' in navigator && 'PushManager' in window) {

navigator.serviceWorker.register('../sw.js')
.then(function (swReg) {
                onServiceWorkerReady(swReg);

swRegistration.pushManager.subscribe({
userVisibleOnly: true,
applicationServerKey: applicationServerKey
})
.then(function (subscription) {
 updateSubscriptionOnServer(subscription);
isSubscribed = true;
//updateBtn();
})
.catch(function (err) {
console.log('Failed to subscribe the user: ', err);
//         updateBtn();
//     });
})
.catch(function (error) {
console.error('Service Worker Error', error);
});
} else {
console.warn('Push messaging is not supported');
//pushButton.textContent = 'Push Not Supported';
}

`

What i need is that when i get notification from web-server , i also need my angular-app to perform some action. By using the above, i am not able catch any event or maybe i don’t know how to do that. Links i try to figured out

1. https://github.com/sagiegurari/angular-web-notification
2. https://github.com/jmsanpascual/angular-desktop-notification
3. https://github.com/matiboy/angular-browser-push-notifications

I cannot exactly figure out, how i suppose to use your lib that help me to perform action in angular-app whenever i push notification or service worker get push notification.

Thank you,

[narendrasinghrathore]

No issues. In case if you have something feel free to write here, it will help me. You can close it if you want. Thank you very much.

[sagiegurari]

So if I understand correctly (might not, hard to understand the flow from your question),

1. service worker gets some event and than shows web notification
2. you want angular app to do some http call when service worker shows a notification am I right?