علی
2 سال پیش توسط علی مطرح شد
6 پاسخ

ارسال نوتیفیکیشن در جاوااسکریپت

سلام خسته نباشید.

window.addEventListener("click", () => {
        navigator.serviceWorker.register('sw.js');

        let notification = Notification.requestPermission(res => {
            if (res === 'granted') {
                navigator.serviceWorker.ready.then(registration => {
                    registration.showNotification('hi',{

                        body: "sdgfsdfg",
                        icon: "https://www.bing.com/th?id=OIP.rm7RNG-iFfFf-lmJHLtCXwHaEo&w=200&h=124&rs=1&qlt=80&o=6&pid=3.1"
                    });
                });
            }
        });

    });

این کد بنده هست برای ارسال نوتیف و کار می کنه مشکلی هم نداره
می خوام وقتی کاربر روی نوتیف ارسالی کلیک کرد وارد یک url ای بشه
چیکار کنم ؟
@hesammousavi

آقای موسوی من این رو برای سیستم ارسال نوتیف می خوام مثل وبسایت شما
بعد از کلی چک کردن به این کد رسیدم و واقعا الان توی اینکه چطوری نوتیف بفرستم گیر کردم
فارسی و انگلیسی سرچ کردم ولی نتونستم بفهمم باید چطوری همچین سرویسی پیاده کنم
لطفا اگر ویدئو یا پکیجو برای لاراول دارید بدید ممنون میشم
خیلی وقته درگیرشم


ثبت پرسش جدید
علی
تخصص : برنامه نویس بک اند,backend dev...
@DevNull 2 سال پیش مطرح شد
0

اوکی شد کدش:

makeNotification(
                      'پیام جدید'
                  ,'شما پیام جدید از پشتیبانی دریافت کرده اید.',
                  'https://f1r.ir/panel/support'
                  );
                  function makeNotification(title,body,url) {
                    var notification = new Notification(title, {body: body,icon: "https://icon-library.com/images/new-message-icon/new-message-icon-25.jpg"});

                    notification.onclick = function () {
                      window.open(url);
                    };
                }

                function notifyMe() {
                    // Let's check if the browser supports notifications
                    if (!("Notification" in window)) {
                    alert("This browser does not support desktop notification");
                    }

                    // Let's check if the user is okay to get some notification
                    else if (Notification.permission === "granted") {
                    // If it's okay let's create a notification
                    makeNotification();
                    }

                    // Otherwise, we need to ask the user for permission
                    // Note, Chrome does not implement the permission static property
                    // So we have to check for NOT 'denied' instead of 'default'
                    else if (Notification.permission !== 'denied') {
                        Notification.requestPermission(function (permission) {
                          // If the user is okay, let's create a notification
                          if (permission === "granted") {
                            makeNotification();
                          }
                        });
                    }
                }

حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 2 سال پیش مطرح شد
2

سلام شما میتونید یک eventListener قرار بدید
و یک event با عنوان notificationclick رو بیاید listen کنید که اگر روی نوتیفیکیشن کلیک شد یک window جدید باز بشه و بره به صفحه ای که میخواید


علی
تخصص : برنامه نویس بک اند,backend dev...
@DevNull 2 سال پیش مطرح شد
0

@hesammousavi
ممنون، خوب الان چطوری یک چیزی مثل نوتیف شما پیاده کنم
ویدئو آموزشی نداریدانگلیسی یا فارسی فرقی نمی کنه خیلی برام مهمه


علی
تخصص : برنامه نویس بک اند,backend dev...
@DevNull 2 سال پیش مطرح شد
0

اوکی شد کدش:

makeNotification(
                      'پیام جدید'
                  ,'شما پیام جدید از پشتیبانی دریافت کرده اید.',
                  'https://f1r.ir/panel/support'
                  );
                  function makeNotification(title,body,url) {
                    var notification = new Notification(title, {body: body,icon: "https://icon-library.com/images/new-message-icon/new-message-icon-25.jpg"});

                    notification.onclick = function () {
                      window.open(url);
                    };
                }

                function notifyMe() {
                    // Let's check if the browser supports notifications
                    if (!("Notification" in window)) {
                    alert("This browser does not support desktop notification");
                    }

                    // Let's check if the user is okay to get some notification
                    else if (Notification.permission === "granted") {
                    // If it's okay let's create a notification
                    makeNotification();
                    }

                    // Otherwise, we need to ask the user for permission
                    // Note, Chrome does not implement the permission static property
                    // So we have to check for NOT 'denied' instead of 'default'
                    else if (Notification.permission !== 'denied') {
                        Notification.requestPermission(function (permission) {
                          // If the user is okay, let's create a notification
                          if (permission === "granted") {
                            makeNotification();
                          }
                        });
                    }
                }

mahdi
@www.mamali1383 2 سال پیش مطرح شد
0

سلام خوبی
این کد جدید که فرستادی برای من کار نمیکنه ولی کد قبلی کار میکنه
میخام بدونم تو چجوری این کد جدید اجرا کردی که کار کرد برات
ممنون


علی
تخصص : برنامه نویس بک اند,backend dev...
@DevNull 2 سال پیش مطرح شد
0

سلام
اینجا رو برسی کنید
به محتوی توش دقت نکنید اگر شما به مرورگر اجازه اترسال نوتیف از این دامنه(ساب دامنه) رو بدید نوتیف ارسال میشه
برای شما کار نکرده چون دسترسی ارسال رو بهش ندادید یک کدی باید بزارید که وقتی کاربر وارد میشه بگه دسترسی بده

@hesammousavi
اگر میشه بگید چیکار کنیم که وقتی کاربر وارد شد اجازه ارسال نوتیف به کاربر نشون داده بشه
و ایا این اجازه رو میشه استایل دلخواه داد من تا حالا ندیدم همچین کاری کنه سایتی


علی
تخصص : برنامه نویس بک اند,backend dev...
@DevNull 2 سال پیش مطرح شد
0
        Notification.requestPermission(function (permission) {
           if(!('permission' in Notification)) {
             Notification.permission = permission;
          }
    });

با این کد میگید اگر اجازه نداده بود درخواست بفرسته


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام