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)
Công cụ PoC đo lường độ trễ & áp tải (Stress Test) trực tiếp đến hạ tầng Google Firebase để xác minh hiện tượng nghẽn mạng / spike độ trễ.
Ở tốc độ 10 req/giây, Google Firebase duy trì độ trễ thấp, không bị HTTP 429 và không có hiện tượng queueing hay spike độ trễ.
Thực nghiệm PoC cho thấy Google Firebase xử lý mượt mà 10 request/giây ở mức ~70ms - 200ms. Hiện tượng OTT bị trễ 9 giây (từ IP 103.67.185.122 qua tuyến VNPT) xuất phát từ 2 nguyên nhân cốt lõi:
normal. Máy nhận sẽ delay thông báo từ 5-15s cho đến chu kỳ tỉnh giấc tiếp theo. Cần set priority: "high" trong payload.
"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