Experience Real-Time Web Push Notifications
Sign in to generate device registration tokens, receive background & foreground push notifications, and monitor real-time sync with Cloud Firestore.
Đăng nhập bằng Google
Hệ thống áp dụng chính sách Whitelist bảo mật. Chỉ cho phép các tài khoản Google đã được phê duyệt.
thangphan205@gmail.com
...
Quản lý Người dùng & Phân quyền (User Whitelist)
Thêm email tài khoản Google được phép đăng nhập vào ứng dụng
| Email tài khoản Google | Vai trò | Người thêm | Trạng thái | Thao tác |
|---|---|---|---|---|
| Đang tải danh sách người dùng... | ||||
FCM Registration Token
Your unique web push address for sending notifications
💡 Tip: Generate a key pair in Firebase Console > Project Settings > Cloud Messaging > Web configuration and paste it here.
/users/{uid}/fcmTokens)
Notification Testing Studio
Trigger in-app toasts, simulate native push, or copy cURL command
Send a real push notification from your terminal or backend server using the standard FCM HTTP v1 API:
- Get a Google OAuth access token:
gcloud auth print-access-token - Replace
<YOUR_ACCESS_TOKEN>in the command above - Paste and run in your terminal. You'll receive the push notification instantly!
Test triggering the native desktop / mobile OS push banner directly via the Service Worker:
(Make sure browser notification permission is granted)
Real-time diagnostic probe to measure latency between your client/server and Google Firebase services.
If your messages take ~9 seconds to arrive on phones or browsers, it is almost certainly due to FCM Normal Priority & Android Doze Mode or Serverless Cold Starts.
"android": { "priority": "high" },
"apns": { "headers": { "apns-priority": "10" } },
"webpush": { "headers": { "Urgency": "high" } }
Live Notification Stream
Real-time Firestore listener (/notifications)
No Notifications Yet
Trigger a test notification or send a message via FCM to see live updates appear here in real-time.
Configured Stack Details
Firebase backend configuration in project thang-app1