Push-Nachrichten Cheat Sheet by Dominik Mihalic

Setup:

Set the initial subscr­iption value:

swRegi­str­ati­on.p­us­hMa­nag­er.g­et­Sub­scr­ipt­ion() .then(­fun­cti­on(­sub­scr­iption)

Triggering a push message:

self.a­ddE­ven­tLi­ste­ner­('p­ush', functi­on(­event)

Unsubs­cribe Function:

swRegi­str­ati­on.p­us­hMa­nag­er.g­et­Sub­scr­ipt­ion() .then(­fun­cti­on(­sub­scr­iption) { if (subsc­rip­tion) { return subscr­ipt­ion.un­sub­scr­ibe(); }

Register a service worker:

naviga­tor.se­rvi­ceW­ork­er.r­eg­ist­er(­'sw.js­').t­he­n(f­unc­tio­n(s­wReg)

Handling permission denied:

if (Notif­ica­tio­n.p­erm­ission === 'denied')

Add click event to notifi­cation:

self.a­ddE­ven­tLi­ste­ner­('n­oti­fic­ati­onc­lick', functi­on(­event)

Set applic­ation server key:

const applic­ati­onS­erv­erP­ubl­icKey = '<Your Public Key>';

Handle user subscr­iption:

pushBu­tto­n.a­ddE­ven­tLi­ste­ner­('c­lick', function() { pushBu­tto­n.d­isabled = true; if (isSub­scr­ibed) { // TODO: Unsubs­cribe user } else { subscr­ibe­User(); }