🔔 Web Push 订阅 Demo

测试浏览器 Push 通知订阅功能

0️⃣ VAPID 密钥配置

使用 npx web-push generate-vapid-keys 生成密钥对

⚠️ 私钥仅用于测试,实际生产环境应保存在后端服务器

1️⃣ 注册 Service Worker

2️⃣ 请求通知权限

3️⃣ 订阅推送

4️⃣ 订阅信息

5️⃣ 测试推送

📝 自定义推送内容

⚙️ 高级选项:操作按钮

最多支持 2 个操作按钮(某些浏览器可能不支持)

📝 事件日志