push api zumba blog

check-sw-reg.js

// the service worker api entry point is navigator.serviceWorker
navigator.serviceWorker
  .getRegistration()
  .then(function (registration) {
    // 'registration' is an instance of ServiceWorkerRegistration, see here:
    // http://www.w3.org/TR/service-workers/#service-worker-registration-interface
    if (!registration) {
      // there is no service worker installed!
    } else {
      // there is one installed, and it is either 'waiting'
      // or 'active', so no need to re-register
      return registration
    }
  })

gcm-send-req.sh

curl -X "POST" "https://android.googleapis.com/gcm/send" \
	-H "Authorization: key=[INSERT_PRIVATE_SERVER_KEY_HERE]" \
	-H "Content-Type: application/json" \
	-d "{\"registration_ids\":[\"USERS_SUBSCRIPTION_ID\"],\"data\":{\"foo\":\"bar\"}}"

manifest.json

{
	"name": "My Pushy App",
	"short_name": "Pushy",
	"icons": [{
		"src": "/img/apple-touch-icon-144x144-precomposed.png",
		"sizes": "144x144",
		"type": "image/png"
	}],
	"start_url": "/",
	"display": "standalone",
	"gcm_sender_id": [application_project_number],
	"gcm_user_visible_only": true // very important
}

pm-get-sub.js

// assuming 'registration' is an install service worker registration
registration.pushManager
  .getSubscription()
  .then(function (pushSubscription) {
    if (!pushSubscription) {
      return registration.pushManager.subscribe();
    } else {
      return pushSubscription;
    }
  })
  .then(function (pushSubscription) {
    // yay! a push subscription
  })
  .catch(function () {
    // hmm, something went wrong
  })

reg-sw.js

navigator.serviceWorker
  .register('/path/to/service-worker.js')
  .then(function (registration) {
    // another 'ServiceWorkerRegistration' object
  })

simple-service-worker.js

'use strict';

self.onpush = function receivePush (event) {
  event.waitUntil(
    self.registration.showNotification(event.data.myNotificationTitle, {
      body: event.data.myNotificationMessage,
      tag: event.data.myNotificationTag
    })
  )  
}

sw-pm-together.js

var reg;
navigator.serviceWorker
  .getRegistration()
  .then(function (registration) {
    if (!registration) {
      return navigator.serviceWorker.register('/path/to/service-worker.js')
    } else {
      return registration
    }
  })
  .then(function (registration) {
    reg = registration;
    return reg.pushManager.getSubscription()
  })
  .then(function (pushSubscription) {
    if (!pushSubscription) {
      return reg.pushManager.subscribe();
    } else {
      return pushSubscription;
    }
  })
  .then(function (pushSubscription) {
    // save the pushSubscription in your database for later use
    return $http.post('/push/registration', pushSubscription)
  })