پیاده سازی اعلان های فشار در یک برنامه React Native می تواند به طور قابل توجهی افزایش تعامل کاربر با ارائه به روز رسانی های به موقع و هشدارها. Firebase Cloud Messaging (FCM) ارائه می دهد یک راه حل قابل اعتماد و آسان برای مدیریت اعلان های فشار در سراسر سیستم عامل.این راهنما شما را از طریق مراحل برای پیاده سازی اعلان های فشار در React Native با استفاده از Firebase پیاده می کند.

پیش بینی ها

  • پروژه React Native با Expo یا React CLI Native تنظیم شده است
  • پروژه Firebase در Firebase Console ایجاد شد
  • دانش پایه از جاوا اسکریپت و React Native
  • Firebase SDK در پروژه شما نصب شده است

نصب Firebase

ابتدا، یک پروژه Firebase ایجاد کنید و برنامه خود را به آن اضافه کنید.

برای اندروید

فایل Google-services.json را دانلود کنید و آن را در دایرکتوری Android /app پروژه خود قرار دهید. اطمینان حاصل کنید که SDK Firebase SDK را به وابستگی های پروژه خود اضافه کنید.

برای iOS

فایل GoogleService-info.plist را دانلود کنید و آن را به پروژه Xcode خود اضافه کنید. SDK Firebase SDK را از طریق CocoaPods نصب کنید.

نصب بسته های بسته

بسته های ضروری Firebase را نصب کنید:

  • [[ویرایش] [۱] [۱] [۱]

[در این باره]: [[ویرایش]

  • [در این باره] [و] [در این باره] [[[[ویرایش]]

از Expo Firebase SDK یا eject برای گردش کار خالی برای ماژول های بومی استفاده کنید.

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

در کد React Native، مجوز اعلان ها را درخواست کنید و توکن دستگاه را بازیابی کنید:

مثال:

import messaging from '@react-native-firebase/messaging';

async function requestUserPermission() {
 const authStatus = await messaging().requestPermission();
 const enabled =
 authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
 authStatus === messaging.AuthorizationStatus.PROVISIONAL;

 if (enabled) {
 console.log('Authorization status:', authStatus);
 getFcmToken();
 }
}

async function getFcmToken() {
 const fcmToken = await messaging().getToken();
 if (fcmToken) {
 console.log('FCM Token:', fcmToken);
 // Send token to your server for push notifications
 }
}

requestUserPermission();

مدیریت اعلان های آینده

تنظیم شنوندگان برای رسیدگی به اعلان ها و پاسخ های پیش زمینه:

messaging().onMessage(async remoteMessage => {
 console.log('A new FCM message arrived!', remoteMessage);
 // Show local notification or update UI
});

messaging().setBackgroundMessageHandler(async remoteMessage => {
 console.log('Message handled in the background!', remoteMessage);
 // Handle background message
});

ارسال اعلان های Push

از Firebase Cloud Messaging API یا Firebase Console برای ارسال اعلان ها استفاده کنید:

{
 "to": "",
 "notification": {
 "title": "Hello!",
 "body": "This is a push notification."
 }
}

ارسال پیام از طریق Firebase Cloud Messaging REST API یا Firebase Console.

نتیجه گیری

یکپارچه سازی اعلان های فشار با Firebase در React Native شامل تنظیم Firebase، درخواست مجوز، توکن های دستگاه ⁇ و مدیریت پیام های مناسب می تواند تعامل کاربر را بهبود بخشد و برنامه شما را پویا و تعاملی نگه دارد.