एक प्रतिक्रियात्मक मूल ऐप में पुश नोटिफिकेशन लागू करने से उपयोगकर्ता की सगाई को समय पर अपडेट और अलर्ट प्रदान करके काफी बढ़ा सकता है। फायरबेस क्लाउड मैसेजिंग (FCM) प्लेटफॉर्म पर पुश नोटिफिकेशन के प्रबंधन के लिए विश्वसनीय और आसान-से-एकीकृत समाधान प्रदान करता है। यह गाइड आपको फायरबेस का उपयोग करके प्रतिक्रियात्मक मूल में पुश नोटिफिकेशन लागू करने के लिए चरणों के माध्यम से चलता है।

पूर्वापेक्षा

  • एक प्रतिक्रियात्मक मूल परियोजना जो एक्सपो या रीएक्ट नेटिव CLI के साथ स्थापित की गई है
  • फायरबेस कंसोल में बनाई गई एक फायरबेस परियोजना
  • जावास्क्रिप्ट और रिएक्ट नेटिव का मूलभूत ज्ञान
  • फायरबेस SDK आपकी परियोजना में स्थापित

फायरबेस की स्थापना

सबसे पहले, एक फायरबेस प्रोजेक्ट बनाएं और इसे अपना ऐप जोड़ें। कॉन्फ़िगरेशन फ़ाइलों को डाउनलोड करें:

Android के लिए

Google-services.json फ़ाइल डाउनलोड करें और इसे अपनी परियोजना के एंड्रॉइड / ऐप डायरेक्टरी में रखें। अपनी परियोजना निर्भरता के लिए फायरबेस SDK को जोड़ना सुनिश्चित करें।

आईओएस

Google Service-Info.plist फ़ाइल डाउनलोड करें और इसे अपनी Xcode परियोजना में जोड़ें। CocoaPods के माध्यम से फायरबेस SDK स्थापित करें।

अधिष्ठापन निर्भरता

आवश्यक फायरबेस पैकेज स्थापित करें:

  • ]]]

भागो:

  • फ़ोर एक्सपो ने वर्कफ़्लो प्रबंधित किया:

एक्सपो फायरबेस SDK का उपयोग करें या मूल मॉड्यूल के लिए नंगे वर्कफ़्लो के लिए बाहर निकलें।

अनुमतियों का अनुरोध करना और टोकन प्राप्त करना

अपने रिएक्ट नेटिव कोड में, सूचना के लिए अनुरोध अनुमति और डिवाइस टोकन को पुनर्प्राप्त करने की अनुमति देता है:

उदाहरण:

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

पुश अधिसूचना भेजना

फायरबेस क्लाउड मैसेजिंग एपीआई या फायरबेस कंसोल का उपयोग करके सूचनाएं भेजने के लिए करें। उदाहरण पेलोड:

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

फायरबेस क्लाउड मैसेजिंग आरईएसटी एपीआई या फायरबेस कंसोल के माध्यम से संदेश भेजें।

निष्कर्ष

प्रतिक्रियात्मक मूल में फायरबेस के साथ पुश अधिसूचनाओं को एकीकृत करने में फायरबेस की स्थापना, अनुमतियों का अनुरोध करना, डिवाइस टोकन को पुनः प्राप्त करना और संदेश को संभालने में शामिल है। उचित कार्यान्वयन उपयोगकर्ता सगाई में सुधार कर सकता है और आपके ऐप को गतिशील और इंटरैक्टिव रख सकता है।