This page demonstrates AffordaCalc's periodic background sync capabilities for PWA validation. It registers a periodic sync that will update application data at regular intervals, even when the app is not running.
Periodic Sync Status
Checking periodic sync status...
Event Log
Periodic Background Sync Implementation
// Check if periodic sync is supported
if ('serviceWorker' in navigator && 'periodicSync' in navigator.serviceWorker) {
// Request permission
const status = await navigator.permissions.query({
name: 'periodic-background-sync',
});
if (status.state === 'granted') {
// Get service worker registration
const registration = await navigator.serviceWorker.ready;
// Register periodic sync with tag and minimum interval
await registration.periodicSync.register('affordacalc-periodic-sync', {
minInterval: 12 * 60 * 60 * 1000, // 12 hours in milliseconds
});
}
}
// In service worker:
self.addEventListener('periodicsync', (event) => {
if (event.tag === 'affordacalc-periodic-sync') {
event.waitUntil(
updateCachedData()
);
}
});