הטמעת גינויים ב תגובה Nativeing בסיס האש

יישום הודעות דחיפה ביישום React Native יכול לשפר באופן משמעותי את מעורבות המשתמשים על ידי מתן עדכונים בזמן ואזהרות. Firebase Messaging (FCM) מציע פתרון אמין וקל לחדירה לניהול הודעות דחיפה על פני פלטפורמות.מדריך זה הולך לך דרך השלבים כדי ליישם הודעות ב React Native באמצעות Firebase.

Prerequisites

• פרויקט React Native שהוקם עם אקספו או React Native CLI
• פרויקט Firebase שנוצר ב-Firebase Console
• ידע בסיסי של JavaScript ו- React Native
• Firebase SDK מותקנת בפרויקט שלך

הקמת בסיס האש

ראשית, ליצור פרויקט Firebase ולהוסיף את האפליקציה שלך אליו. הורד את קבצי התצורה:

עבור Android

הורד את קובץ Google-services.json ומניח אותו באנדרואיד/app של הפרויקט שלך. ודא להוסיף את ה- SDK של Firebase לתלויים בפרויקט שלך.

עבור iOS

הורד את קובץ Google Service-Info.plist ולהוסיף אותו לפרויקט Xcode שלך. Install the Firebase SDK באמצעות CocoaPods.

התקנת תלות

התקנת חבילות האש הדרושות:

• (ב) ויקרא י"א:

שם הסרטון: FLT:0

• (ב) ,0) ל-Expod Workflow: FLT:103)

השתמש ב-Expo Firebase SDK או eject כדי לצוף עבודה חשוף עבור מודולים מקומיים.

לבקש אישורים ולקבל Token

בקוד 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();

המונחים: incoming Notifications

הגדר מאזינים כדי להתמודד עם הודעות ותשובות פנים:

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 Notifications

השתמש Firebase Cloud Messaging API או Firebase Console כדי לשלוח הודעות.דוגמה תשלום:

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

שלח את ההודעה באמצעות Firebase Cloud Messaging API או Firebase Console.

מסקנה

הודעות דחיפה תוך כדי שידור עם Firebase ב-React Native כרוכות בהקמת בסיס Fire, בקשת הרשאות, החזרת אסימוני המכשיר, והודעות טיפול. יישום נכון יכול לשפר את מעורבות המשתמשים ולשמור על האפליקציות שלך דינמיות ואינטראקטיביות.