Push Rich Recipe - Web Push - ServiceWorker Cookbook

service-worker.js

service-worker.js
¶

Register event listener for the ‘push’ event.
```
self.addEventListener('push', function(event) {
```
¶

Keep the service worker alive until the notification is created.
```
  event.waitUntil(
```
¶

Show a notification with title ‘ServiceWorker Cookbook’ and body ‘Alea iacta est’. Set other parameters such as the notification language, a vibration pattern associated to the notification, an image to show near the body. There are many other possible options, for an exhaustive list see the specs: https://notifications.spec.whatwg.org/
```
    self.registration.showNotification('ServiceWorker Cookbook', {
      lang: 'la',
      body: 'Alea iacta est',
      icon: 'caesar.jpg',
      vibrate: [500, 100, 500],
    })
  );
});
```

Has it been useful?

Tell us what you think of this recipe by leaving a comment!