WebPush API Test Client
① Settings
API Base URL
API Key (Bearer)
🔑 Load VAPID Public Key
② Service Worker & Subscription
🧩 Register Service Worker
SW: not registered
🔐 Subscribe
❎ Unsubscribe
⬆️ Update available — Reload
Subscription JSON
Click “Subscribe”
③ Send Test Push
{ "title": "🧪 Test WebPush", "body": "Hello from WebPush test page", "url": "http://localhost:8000/", "icon": "/icon-192.png", "badge": "/badge.png", "image": "/image.png", "tag": "test-1", "renotify": true, "actions": [ { "action": "open", "title": "Open" }, { "action": "dismiss", "title": "Dismiss" } ] }
🚀 Send Notification
API Response
Waiting…
⑤ PWA
📥 Install App