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ễ.
Đo lường chi tiết từng mili-giây qua các chặng: Mạng hạ tầng (DNS, TCP, TLS, TTFB) → Backend Auth → Database Commit → Client ACK.
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