ارسال اشعار من الموقع يظهر في رسالة للمستخدم

بغض النظر عن المهمة او التوقيت المرتبط بعرض الاشعار، يمكنك استعمال واجهة Notification في جافاسكربت لإرسال إشعارات سطح المكتب في التطبيق. 

فيما يلي مثال فعال عن كيفية القيام بذلك:

function notifyMe() {
  if (!("Notification" in window)) {
    // التحقق مما ان كان المتصفح يدعم الاشعارات
    alert("هذا المتصفح لا يدعم الاشعارات");
  } else if (Notification.permission === "granted") {
    // التحقق مما ان كان قد تم منح قبول دفع الاشعارات من قبل
    // في حال ما كان ذلك
    const notification = new Notification("مرحبا");

  } else if (Notification.permission !== "denied") {
    // طلب عرض الاشعارات
    Notification.requestPermission().then((permission) => {
      // في حالة القبول ارسال اشعار
      if (permission === "granted") {
        const notification = new Notification("مرحبا");
      }
    });
  }
}

يمكن استخدام هذا المثال بعفالية أكبر من خلال استعماله في سياق مناسب، مثل الذي ذكرته.

من الأسهل لك إذا لم يكن لديك دراية كبيرة بجافاسكريبت استخدام مكتبة جاهزة لإرسال الإشعارات، مثل مكتبة pushjs وبعد تثبيت المكتبة ستقوم بإرسال إشعار كالتالي:

Push.create("Hello world!", {
    body: "How's it hangin'?",
    icon: '/icon.png',
    timeout: 4000,
    onClick: function () {
        window.focus();
        this.close();
    }
});

وستجد تفصيل أكثر في المستند الرسمي وأيضًا مثال حي للإشعارات المرسلة للمتصفح:

• https://pushjs.org