Notify Studio

ส่งการแจ้งเตือนแบบ Web + Mobile ด้วยระบบ Push จริง

สื่อสารเหตุการณ์สำคัญถึงผู้ใช้งานทั้งผ่านหน้าเว็บและมือถือด้วยหน้าจัดการเดียว พร้อมสาธิตการสมัครและส่ง push notification จริง ๆ ผ่าน service worker ควบคู่กับระบบ mobile overlay.

Live push

ฝังสกุล push จริงผ่าน service worker เพื่อส่งข้อความสำคัญถึงผู้ใช้ทันที แม้จะไม่อยู่หน้าเว็บไซต์

คอนโทรลบนมือถือ

ทำงานผ่าน PWA หรือเว็บแอปบนมือถือ โดยใช้ระบบเดียวกันเพื่อจัดการสิทธิ์และการแสดงผล

Metric & Governance

เก็บสถิติผู้สมัครรับและตรวจสอบสถานะการส่งข้ามผู้ใช้ก่อนส่งประกาศใหญ่

จำนวนผู้สมัครรับ (Web only)กำลังโหลด...
Statusยังรอคำตอบไม่รองรับ Push

ระบบพร้อมการแจ้งเตือน

ช่วงนี้ใช้ service worker เพื่อจัดการการแสดงผล เมื่อสมัครแล้วระบบจะเก็บ endpoint ไว้แล้วพร้อมส่งให้ทุกคนผ่านอีก API

เส้นทางการส่ง

  1. ขอสิทธิ์การแจ้งเตือน

  2. สมัครผ่าน service worker

  3. ส่งการแจ้งเตือนทดสอบ & พรีวิว

แล้วส่งการแจ้งเตือนจริงผ่าน /api/push/send ในระบบ admin เพื่อสื่อสารเหตุการณ์ที่รออยู่

Android & Desktop

Chrome, Edge และ Firefox รองรับการสมัคร push แบบเต็มรูปแบบเมื่อผู้ใช้แตะ [สมัครรับ] บนหน้าเว็บนี้ และสามารถสร้าง shortcut เพื่อเรียกใช้งานซ้ำได้

iOS Safari

เมื่อ iOS 16.4+ รองรับ Web Push โดยตรง ให้เป็นแอปหน้าแรกและติดตั้ง HTTPS certificate เพื่อรับ ลิงก์เดียวกันได้อย่างเป็นทางการ

Mobile apps

แชร์การส่งผ่านเซิร์ฟเวอร์ตัวกลางเดียวกัน (FCM/APNs) โดยใช้ endpoint ที่เก็บไว้ในระบบนี้เมื่อต้องการแจ้งเตือนข้ามช่องทาง

เชื่อมต่อกับมือถือและอีเวนต์สำคัญ

ระบบเดียวกันนี้สามารถขยายไปยังมือถือผ่าน PWA หรือ deep-link โดยการส่ง payload เดียวกันผ่านเซิร์ฟเวอร์เอเจนต์ของคุณ และยังสามารถใช้กับ Firebase Cloud Messaging หรือ APNs ได้หากต้องการสื่อสารผ่าน native push ร่วมกับการแจ้งเตือนบนเว็บ

คำแนะนำ

แนะนำให้มีหน้าบริหารจัดการการแจ้งเตือน (control panel) เพื่อกำหนดประเภทข้อความและเหตุการณ์, กรองกลุ่มผู้รับ และตั้งค่าช่วงเวลาส่งได้

รักษาความปลอดภัย

เก็บ endpoint และ VAPID key อย่างปลอดภัยบนฝั่งเซิร์ฟเวอร์ อย่าแชร์ private key บนฝั่งคลายแอป และตาม track status ของการส่งที่ไม่สำเร็จเพื่อลบ subscriptions ที่หมดอายุ