Push clients enables us to focus on the tab that our app is running on when the user clicks on a notification message. We can even reopen our app if it was closed.
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 first recipe of Chapter 1, Learning Service Worker Basics, Setting up service workers. Service workers only run across HTTPS. To find out how to set up a development environment to support this feature, refer to the following recipes of Chapter 1, Learning Service Worker Basics: Setting up GitHub pages for SSL, Setting up SSL for Windows, and Setting up SSL for Mac.
Follow these instructions to set up your file structure:
Copy the
index.html
,index.js
,service-worker.js
,manifest.json
,server.js
,package.json
, andstyle.css
files from the following location: