در این سری از آموزش های رایگان react native یاد میگیریم که چطور نوتیفیکیشن در react native (ری اکت نیتیو) ارسال و دریافت کنیم.
پیاده سازی پوش نوتیفیکیشن(Push Notification) در React Native جزء اون دسته آموزش هایی بود که درخواست زیادی داشت ، به همین دلیل تصمیم گرفتیم دوره ای در این زمینه آماده کنیم.شما به عنوان یک توسعه دهنده حتماً نیاز دارید که در مواقع ضروری به شکل مستقیم با کاربران خود در ارتباط باشید و برای این کار، باید از پلتفرم پوش نوتیفیکیشن استفاده کنید. اگر خودتان بخواهید این سیستم را از طریق رابط های برنامه نویسی عادی پیاده سازی کنید، عملیات وقتگیر، پر هزینه و نه چندان بهینه ای را پیش رو خواهید داشت و معمولاً کسی چنین کاری نمی کند.حالا که وان سیگنال برای کاربران ایرانی مسدود شده، باید به دنبال جایگزین مناسبی برایش باشیم که در این دوره از سیستم چابک به عنوان یک سرویس ایرانی جایگزین وان سیگنال استفاده میکنیم.
پوش نوتیفیکیشن پیام هایی هستند که شما میتونید در هر زمانی و با هدف خاصی برای کاربران برنامتون ارسال کنید در حالی که لازم نیست کاربر با برنامه شما کار کند.پوش نوتیفیکیشن ها شبیه یک هشدار یا پیغام عمل میکند و به دست افرادی که اپلیکیشن شما رو نصب کرده اند میرسد.استفاده از نوتیفیکیشن در واقع یک راه ارتباطی مستقیم با کاربران اپلیکیشن است که مثل ایمیل در اسپم قرار نمیگیرد یا مثل پیامک های تبلیغاتی مشکل مسدود شدن را ندارد.
مزایای ارسال نوتیفیکیشن در react native
- تبلیغ محصولات و افزایش فروش(براساسِ یک نظرسنجی، نرخ باز شدن درباره ارسال پوش نوتیفیکیشن‌ها ۵۰ درصد بالاتر از ایمیل است و نرخ کلیک تا دوبرابر بیشتر است).
- راه اندازی کمپین های تبلیغاتی
- تحلیل رفتار کاربران
- و……
یادگیری react native به صورت تخصصی
اگر قصد یادگیری react native رو به صورت حرفه ای و تخصصی دارید،پیشنهاد می کنم آموزش جامع و پروژه محور react native را مشاهده کنید.
ارسال نوتیفیکیشن در React Native
معرفی دوره ویدئو
5 دقیقه
تنظیمات مربوط به فایربیس و چابک ویدئو
5 دقیقه
نصب و پیکربندی کتابخانه های مورد نیاز ویدئو
8 دقیقه
پیاده سازی پوش نوتیفیکیشن و اضافه کردن کاربر در پنل چابک ویدئو
13 دقیقه
اضافه کردن کاربر در گروه جدید و ارسال نوتیفیکیشن برای گروه ویدئو
9 دقیقه
ارسال نوتیفیکیشن با php ویدئو
8 دقیقه
دوره های مرتبط
آموزش مقدماتی react native
ساخت اپلیکیشن FlowerList با react native
register.hk65
ببخشید، دلیل این خطا چیه؟
https://uupload.ir/files/psqb_untitled.jpg
کد برنامه:
https://uupload.ir/files/kpzb_1.jpg
و اینکه PushController ایمپورت شده اما جایی استفاده نشده. آیا باید به روش دیگری به کار برده بشه؟
با سپاس فراوان
register.hk65
استاد، برنامه روی شبیه ساز به درستی کار کرد اما روی گوشی خیر. به نظرتون مشکلش از چی می تونه باشه؟
علی(مدیریت)
روی چه sdk کار میکنید ؟؟
register.hk65
sdk شبیه ساز 29 هستش. گوشی هم اندروید 9 یعنی api 28. اما فقط روی شبیه ساز نوتیفیکیشن فرستاده میشه.
سپاس از پاسخگویی شما
register.hk65
درود استاد.
این خطا رو چطور درست کنیم؟
TypeError: null is not an object (evaluating ‘RNPushNotification.getInitialNotification’)
تصویر خطا:
https://uupload.ir/files/4di_untitled.jpg
مهدی(مدیریت)
سلام
این مشکل به خاطر لینک نشدن درست کتابخانه به پروژه است
طبق داکیومنت کتابخانه به صورت دستی لینک رو انجام بدید
register.hk65
سپاس. دستور react-native link رو میزنم اتفاق خاصی رخ نمی ده . آیا مشکلی داره؟
علی(مدیریت)
سلام در ورژن جدید react native نیازی به استفاده از react-native link نیست. پس اگر از آخرین ورژن استفاده میکنید نیازی به استفاده از این دستور ندارید.
register.hk65
سپاس. نصب کتابخانه رو به صورت دستی انجام دادم و خطا درست شد اما الان برنامه اجرا میشه و نوتیفیکیشنی ارسال نمی شه. یعنی برنامه هیچ خطایی نمیده اما کتابخانه کار نمی کنه. ممکنه باز هم به دلیل نصب نادرست یا لینک نشدن باشه؟
علی(مدیریت)
برای اینکه متوجه بشین پکیجی که نصب کردین چه کانفیگی داره و یا اینکه deprecate نشده باشه حتما در npmjs سرچ داشته باشین. آیا permission ها رو اضافه کردین یا نه ؟؟
register.hk65
ببخشید، در نصب ابتدایی کتابخانه هشدارهای زیر رو نمایش داده. آیا کتابخانه به درستی نصب نشده؟
https://uupload.ir/files/itt_untitled.jpg
با سپاس فراوان
علی(مدیریت)
خیر به درستی نصب شده و این هشدارها میتونه دلایل متفاوتی داشته باشه مثل ورژنی که نصب میکنید و وابستگی که با سایر ماژول ها و حتی پکیج هایی که در هسته react native قرار دارن.
sarekhoshgoftar
سلام ببخشید این ارور رو چطوری میشه رفع کرد؟
http://s4.picofile.com/file/8396994292/1.PNG
مهدی(مدیریت)
سلام.اگر نسخه react native شما بالاتر از 60 هست نیاز به لینک دستی نیست.فقط کافیه که خط زیر رو حذف کنید
packages.add(new ReactNativePushNotificationPackage());
golab2576
فرق این پوش نوتیفیکیشن با پوش نوتیفیکیشنی که تو دوره جامع گفته شده چیه؟
ضمن این که اون دوره جامع را کاملا طبق فیلم انجام دادم ولی ارور
undefined is not an abject (evaluating’RNPusshNotification.registerNotificationActions’)
میده
محض اطمینان حتی کدهای خودتونو از فایل فشرده خارج کردم گذاشتم ولی باز همین ارور هست
حالا میخوام ببینم با پنل چابک دیگه به همچین مشکلی نمیخورم؟
مهدی(مدیریت)
سلام حمید عزیز.
به احتمال زیاد پکیجی که من در دوره گفتم بروز شده و اینکه شما شاید نتونستی درست لینک کنی .
در دوره جامع ما فقط ارسال notification به صورت local رو گفتیم ولی در این دوره شما یاد میگیرید چجوری با استفاده از پنل و سمت سرور نوتیفیکیشن برای کاربرانی که اپلیکیشن شما رو نصب دارند، بفرستید
golab2576
درود و سپاس
hejazi00831
سلام.چرا نوشته رایگان ولی موقع که میخوام بگیرم میگه ۹۹ تومن
مهدی(مدیریت)
سلام.
شاید در سبد خریدتون یک دوره دیگه هم وجود داره.لطفا سبد خریدتون رو چک کنید و مطمئن بشید که فقط همین دوره وجود داره