The Working of the Background Sync API
Understand the workings of background synchronization in a web app and the steps required to implement it.
We'll cover the following...
Using the Background Sync API
To use the Background Sync API, we first need to register our synchronization task using the register() method of the SyncManager interface, which returns a Promise that resolves with a SyncRegistration object. Here’s an example:
Press + to interact
navigator.serviceWorker.register('service-worker.js').then(registration => registration.sync.register('my-sync-tag')).catch(err => console.error(err));
In this example, we passed a string, my-sync-tag, to the register() method that identifies our sync operation. This string, known as a sync tag, is ...