/simple-push-demo

A simple example of use push notifications on the web using Service Workers

Primary LanguageJavaScript

Simple Service Worker Push Demo

The goal of this repo is to demonstrate how to implement push notifications into your web app.

Requirements

Using the Demo

To try out the demo locally, clone the repo and run the following:

  1. Install the required NPM modules for building the project

     npm install
    
  2. Install gulp globally

     npm install gulp -g
    
  3. Run the gulp server

     gulp serve
    

This will open up your browser on the relevant page, now if you open http://localhost:3000 in Chrome canary you should be able to enable push notifications.

Imgur

The two methods you can send a push message to your device after enabling it are:

  1. Send a push to GCM via XHR

    • This button sends a request to an App Engine app which then sends a request to GCM (Google Cloud Messaging), emulating what would happen when a server wants to send a push message to a user.
  2. Send a push to GCM using CURL

    • This option is nice and easy, copy and paste the CURL command into a terminal and it will make a request to GCM (Google Cloud Messaging) which will then send the push message. Useful to see what a request to GCM consists of.