如何在渐进式web应用中进行周期性的后台同步？

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js')
    .then(function(registration) {
      console.log('Service Worker 注册成功:', registration);
    })
    .catch(function(error) {
      console.log('Service Worker 注册失败:', error);
    });
}

self.addEventListener('sync', function(event) {
  if (event.tag === 'syncData') {
    event.waitUntil(syncData());
  }
});

function syncData() {
  // 执行后台同步的逻辑
  // 可以发送网络请求，更新数据等操作
}

navigator.serviceWorker.ready
  .then(function(registration) {
    return registration.sync.register('syncData');
  })
  .catch(function(error) {
    console.log('后台同步注册失败:', error);
  });