Web Push 与后台同步（Push API、VAPID、Background Sync）

Web Push 与后台同步（Push API、VAPID、Background Sync）概述Web Push 允许服务端向浏览器发送消息，Background Sync 可在网络恢复时自动重试任务，提升可靠性与体验。关键实践与参数VAPID：生成公开/私钥对；服务端在发送时设置 `Authorization: WebPush ...` 与 `vapid` 头。订阅对象：包含 `endpoint`、`keys.p256dh` 与 `keys.auth`；服务端需保存并加密 Payload。权限与交互：获取通知权限需明确提示；仅在用户操作后申请。Background Sync：注册标签与触发；失败任务入队，网络恢复后自动执行。示例（Service Worker 片段）self.addEventListener('push', evt => { const data = evt.data?.json() || {} evt.waitUntil(self.registration.showNotification(data.title, { body: data.body })) }) self.addEventListener('sync', evt => { if (evt.tag === 'retry-orders') { evt.waitUntil(retryPendingOrders()) } }) 验证方法使用 Web Push 测试工具向订阅端点发送消息；确认通知展示与点击交互。断网提交任务并在恢复后触发 `sync`；检查重试成功率与队列清空。监控订阅有效性与退订比例；清理失效订阅。注意事项避免滥用通知；遵循用户同意与退订机制。Payload 加密与隐私保护；服务端限制可识别信息。不同浏览器的支持差异与平台限制需评估。