Service Worker Push 与后台持久化队列

`title: Service Worker Push 与后台持久化队列``categories: Web 开发/前端/数据管理``keywords: Push API,Service Worker,后台队列,IndexedDB,离线``description: 使用 Push API 接收服务器推送并落入 IndexedDB 后台队列，在用户回到页面时统一处理与持久化，保障离线可靠。`接收与入队self.addEventListener('push', e => {

const data = e.data ? e.data.json() : {};

e.waitUntil((async () => {

const db = await openDB('push-db', 1);

const tx = db.transaction('queue', 'readwrite');

tx.objectStore('queue').put({ id: crypto.randomUUID(), data, ts: Date.now() });

await tx.complete;

})());

});

处理队列页面激活或网络恢复时取出并批量处理，失败重试与限速。