Progressive Web Application Development by Example

Handling a push subscription change

The pushsubscriptionchange event is particularly handy if the subscription is automatically removed due to the subscription becoming stale. This can happen because many push services limit the lifetime of a subscription for security and due to inactivity.

Just like authentication tokens, push subscriptions can be seamlessly renewed without involving the user. This is what you can do in the service worker for a push subscription.

The pushsubscriptionchange event includes an oldSubscription object that contains the details of the original subscription. They can be used to create a new subscription:

    self.addEventListener('pushsubscriptionchange', e => {  e.waitUntil(registration.pushManager.subscribe(e.oldSubscription.options) ...