ส่งการแจ้งเตือนที่มีประโยชน์และทันท่วงทีแก่ผู้ใช้
ข้อความ Push ได้รับการปรับปรุงให้เป็นมาตรฐานในปี 2016 พร้อมกับเปิดตัว Push API และ Notification API ซึ่งเป็นส่วนหนึ่งของกลุ่มการทำงานเว็บแอปพลิเคชันของ W3C API เหล่านี้มีฟังก์ชันการทำงานที่จำเป็นสำหรับนักพัฒนาเว็บในการรวมข้อความ Push ไว้ในเว็บแอปพลิเคชัน และสำหรับให้ผู้ใช้รับและโต้ตอบกับการแจ้งเตือนในเว็บเบราว์เซอร์ของตน ข้อความ Push คือการแจ้งเตือนที่ส่งไปยังเว็บเบราว์เซอร์ของผู้ใช้จากเว็บไซต์หรือแอปพลิเคชันที่ผู้ใช้ได้ให้สิทธิ์ส่งการแจ้งเตือนไว้ก่อนหน้านี้ ซึ่งข้อความเหล่านี้ใช้เพื่อแจ้งเตือนผู้ใช้เกี่ยวกับเนื้อหาหรือการอัปเดตใหม่ เตือนผู้ใช้เกี่ยวกับกิจกรรมหรือกำหนดเวลาที่กำลังจะเกิดขึ้น หรือให้ข้อมูลสำคัญอื่นๆ ข้อความพุชจะมีประโยชน์อย่างยิ่งสำหรับแอปพลิเคชันที่ต้องส่งข้อมูลที่เกี่ยวข้องและทันท่วงทีให้กับผู้ใช้ เช่น แอปข่าวหรือแอปกีฬา หรือเว็บไซต์อีคอมเมิร์ซที่ต้องการส่งการแจ้งเตือนเกี่ยวกับข้อเสนอพิเศษหรือการลดราคาให้ผู้ใช้
หากต้องการลงชื่อสมัครใช้ข้อความ Push ก่อนอื่นให้ตรวจสอบว่าเบราว์เซอร์รองรับหรือไม่โดยตรวจหาออบเจ็กต์ serviceWorker
และ PushManager
ในออบเจ็กต์ navigator
และ window
หากระบบรองรับข้อความ Push ให้ใช้คีย์เวิร์ด async
และ await
เพื่อลงทะเบียน Service Worker และสมัครรับข้อความ Push ต่อไปนี้เป็นตัวอย่างวิธีดำเนินการดังกล่าวโดยใช้ JavaScript
// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
try {
// Register the service worker.
const swReg = await navigator.serviceWorker.register("/sw.js");
// Subscribe for push notifications.
const pushSubscription = await swReg.pushManager.subscribe({
userVisibleOnly: true
});
// Save the push subscription to the database.
savePushSubscription(pushSubscription);
} catch (error) {
// Handle errors.
console.error("Error subscribing for push notifications.", error);
}
} else {
// Push notifications are not supported by the browser.
console.error("Push notifications are not supported by the browser.");
}
อ่านเพิ่มเติม
ส่วนหนึ่งของชุดหนังสือที่ทำงานร่วมกันแบบใหม่