أصبحت الإشعارات الفورية متاحة الآن على جميع المتصفّحات

إرسال إشعارات مفيدة وفي الوقت المناسب إلى المستخدمين

Thomas Steiner

تم توحيد الإشعارات الفورية في عام 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.");
}

محتوى إضافي للقراءة

• نظرة عامة على الإشعارات الفورية
• Push API
• إشعارات الدفع على الويب لتطبيقات الويب على iOS وiPadOS