اعرض إشعارات مفيدة وفي الوقت المناسب للمستخدمين.
وقد تم توحيد الإشعارات الفورية في عام 2016 من خلال إطلاق واجهة برمجة التطبيقات Push API وواجهة برمجة التطبيقات Notification API، وهما جزء من مجموعة عمل تطبيقات الويب التابعة لمنظمة W3C. توفّر واجهات برمجة التطبيقات هذه الوظائف اللازمة لمطوّري برامج الويب لدمج الإشعارات الفورية في تطبيقات الويب لديهم، كما تتيح للمستخدمين تلقّي الإشعارات على متصفّحات الويب والتفاعل معها. رسائل الدفع هي إشعارات يتم إرسالها إلى متصفّح الويب الخاص بالمستخدم من موقع إلكتروني أو تطبيق سبق أن منحه الإذن لإرسال الإشعارات. ويمكن استخدام هذه الرسائل لتنبيه المستخدم بشأن المحتوى الجديد أو التعديلات أو لتذكيره بالأحداث أو المواعيد النهائية القادمة أو لتقديم معلومات مهمة أخرى. يمكن أن تكون الرسائل الفورية مفيدة بشكل خاص للتطبيقات التي تحتاج إلى تقديم معلومات ذات صلة للمستخدمين في الوقت المناسب، مثل تطبيقات الأخبار أو الرياضة، أو مواقع التجارة الإلكترونية التي تريد إرسال إشعارات للمستخدمين حول العروض الخاصة أو التخفيضات.
للاشتراك في الإشعارات الفورية، تأكَّد أولاً مما إذا كان المتصفّح يتيح هذه الميزة من خلال البحث عن العنصرَين serviceWorker وPushManager في العنصرَين navigator وwindow.
في حال كانت ميزة الإشعارات الفورية متوافقة، استخدِم الكلمتَين الرئيسيتَين async وawait لتسجيل مشغّل الخدمات والاشتراك في الإشعارات الفورية. إليك مثال على كيفية إجراء ذلك باستخدام 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.");
}