Ang pag-implementmenting put under notifications in a reaction Native app ay maaaring lubhang mag-ambag sa komplementaryo ng mga napapanahong update at mga warning. ang Firebase Cloud Message (FCM) ay nagbibigay ng maaasahan at madaling-to-integrate na solusyon para sa pangangasiwa ng mga punsiyon sa mga plataporma.Ang gabay na ito ay dumadaan sa iyo sa mga hakbang upang ipatupad ang mga notipikasyon sa resistrasyon sa pag-iwas ng Katutubo gamit ang Firebase.

Mga Prerequisite

  • Isang proyekto ng mga Katutubo na itinayo kasama ng Expo o Response Native CLI
  • Isang proyekto ng Firebase na nilikha sa Firebase Console
  • Saligang kaalaman tungkol sa JavaScript at sa Epekto ng Katutubo
  • Iniluklok ang Firebase SDK sa inyong proyekto

Paglalagay ng Apoy

Una, gumawa ng proyekto ng Firebase at idagdag dito ang app. I - download ang mga setting file:

Para sa mga Android

I-download ang google-services.json file at ilagay sa iyong proyekto's atroid/app directory. Tiyaking idagdag ang Firebase SDK sa iyong project dependencies.

Para sa mga iO

I-download ang GoogleService-Info.plist file at idagdag sa inyong Xcode project. i-install ang Firebase SDK sa pamamagitan ng CocoaPods.

Paglalagay ng mga Dependensiya

Iluklok ang kinakailangang mga pakete ng Firebase:

  • Para sa Pag-aasal ng Katutubong CLI:

Tumakbo:

  • Para sa Expo ay namamahala ng mga workflow:

Gamitin ang Expo Firebase SDK o ang paglalabas ng mga workflow para sa mga katutubong module.

Paghingi ng mga Pagpapahintulot at Pagtutumba

Sa iyong pagtugon sa kodigo ng mga Katutubo, humingi ng pahintulot para sa mga patalastas at kunin ang aparatong ito nang may katiyakan:

Halimbawa:

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

Pagharap sa Dumarating na mga notipikasyon

Magsaayos ng mga tagapakinig upang pangasiwaan ang patiunang pagbibigay - alam at mga tugon:

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

Pagbibigay ng mga Piging ng Pampahayag

Gumamit ng Firebase Cloud Messaging API o Firebase Console para magpadala ng mga notification. Halimbawang sahod:

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

Ipadala ang mensahe sa pamamagitan ng Firebase Cloud Messing REST API o Firebase Console.

Pagsasaayos

Ang hindi pagpapakilala ng mga nota sa Firebase sa reaksiyon ng Katutubo ay nagsasangkot ng pagtatayo ng Firebase, paghiling ng mga permiso, pag - aalis ng mga marka sa kagamitan, at paghawak ng mga mensahe.