با درود و احترام خدمت استاد مدائنی محترم
میخواستم بدونم نحوه ایجاد نوتیفیکیشن و نمایش آن در وبسایت ها به چگونه است و از چه تکنولوژی استفاده میکنن
به عنوان مثال اگه وارد سایتی مثل تخفیفان بشید نمونه این مورد را خواهید دید که از کاربر سوال میکنه آیا حاضر به فعالسازی نمایش نوتیفیکیشن هستید یا خیر؟
ممنون میشم اگه فقط تکنولوژی به کار برده شده رو اعلام فرمایید .بقیه آر اند دی رو خودم انجام خواهم داد.
با تشکر
مراحل ارسال نوتیفیکیشن در مرورگر:
1) مجوز جهت نمایش نوتیفیکیشن
کد جاوا اسکریپت زیر رو به صفحه خودتون اضافه کنید:
document.addEventListener('DOMContentLoaded', function () { if (Notification.permission !== "granted") { Notification.requestPermission(); } });
این خط هشدار برای دریافت مجوز را نمایش می دهد:
Notification.requestPermission
2) سفارشی کردن عملیات نمایش نوتیفیکیشن
function customnotify(title,desc,url) { if (Notification.permission !== "granted") { Notification.requestPermission(); } else { var notification = new Notification(title, { icon:'http://Your_Website.com/logo.png', body: desc, }); /* تابع زمانی که روی نوتیفیکیشن کلیک می شود.*/ notification.onclick = function () { /* زمان اجرا صفحه به آدرس url باز می شود.*/ window.open(url); }; /* تابع برگشتی زمانی که نوتیفیکیشن بسته می شود. */ notification.onclose = function () { console.log('نوتیفیکیشن بسته شد'); }; } }
حالا کافیه تابع costumnotify رو فراخوانی کنیم
بعنوان مثال :
customnotify('Title Notification','I love MVC','http://www.mymvc.ir')
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)