Rich push notifications can send images, vibration patterns, and localized notifications. Let's look at how we can achieve this.
To get started with service workers, you will need to have the service worker experiment feature turned on in your browser settings. If you have not done this yet, refer to the Setting up service workers recipe of Chapter 1, Learning Service Worker Basics. Service workers only run across HTTPS. To find out how to set up a development environment to support this feature, refer to the Setting up GitHub pages for SSL recipe of Chapter 1, Learning Service Worker Basics.
Follow these instructions to set up your file structure:
Copy the
index.html
,index.js
,service-worker.js
,manifest.json
,server.js
,package.json
,amazon-logo.png
, andstyle.css
files from the following location:https://github.com/szaranger/szaranger.github.io/blob/master/service-workers/08/03/
Open a browser and go to
index.html
.