Punerea în aplicare a notificărilor de împingere într-o aplicație Native React poate îmbunătăți semnificativ implicarea utilizatorilor prin furnizarea de actualizări și alerte în timp util. Firebase Cloud Messaging (FCM) oferă o soluție fiabilă și ușor de integrat pentru gestionarea notificărilor de împingere pe platforme. Acest ghid vă plimbă prin pașii pentru a implementa notificările de împingere în React Native folosind Firebase.

Precondiții

  • Un proiect nativ reacţionează cu Expo sau Reacţionează CL Native
  • Un proiect de bază de foc creat în baza de foc Consola
  • Cunoașterea de bază a JavaScript și reactivarea nativ
  • Baza de foc SDK instalată în proiectul dumneavoastră

Setare bază de foc

În primul rând, creați un proiect Firebase și adăugați aplicația la acesta. Descărcați fișierele de configurare:

Pentru Android

Descărcaţi fişierul Google-services.json şi plasaţi-l în directorul android/appe al proiectului dumneavoastră. Asiguraţi-vă că adăugaţi Firebase SDK la dependenţele proiectului.

Pentru iOS

Descărcaţi fişierul GoogleService-Info.plust şi adăugaţi-l la proiectul Xcode. Instalaţi baza de foc SDK prin intermediul CocoaPods.

Instalarea dependențelor

Instalați pachetele de bază de foc necesare:

  • Pentru React Native CL:]

Run:

  • Pentru fluxul de lucru gestionat Expo:

Utilizați Expo Firebase SDK sau scoateți pentru a goli fluxul de lucru pentru module native.

Cer permisiunea şi primesc token

În codul dvs. de reactivare, solicitaţi permisiunea pentru notificări şi preluaţi jetonul dispozitivului:

Exemplu:

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();

Gestionarea notificărilor primite

Configurați ascultători pentru a gestiona notificările și răspunsurile din prim plan:

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
});

Trimiterea de notificări de împingere

Utilizați API de mesagerie a cloud-ului Baza de foc sau consola de bază pentru a trimite notificări. Exemplu de sarcină utilă:

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

Trimite mesajul prin intermediul bazei de foc Cloud Messaging REST API sau Firebase Console.

Concluzie

Integrarea notificărilor de împingere cu Firebase în React Native implică înființarea Firebase, solicitarea permisiuni, recuperarea jetoanelor de dispozitiv și manipularea mesajelor. Punerea în aplicare adecvată poate îmbunătăți implicarea utilizatorilor și poate menține aplicația dinamică și interactivă.