Push-уведомления в React Native: Firebase Cloud Messaging

1npm install @react-native-firebase/app
2npm install @react-native-firebase/messaging
3npm install @notifee/react-native

1apply plugin: 'com.google.gms.google-services'

1classpath 'com.google.gms:google-services:4.4.0'

1cd ios && pod install

1#import <Firebase.h>
2- (BOOL)application:(UIApplication *)application
3    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
4  [FIRApp configure];
5  // ...
6}

1import messaging from '@react-native-firebase/messaging';
2import notifee, { AndroidImportance } from '@notifee/react-native';
3
4async function requestPermission() {
5  const authStatus = await messaging().requestPermission();
6  const enabled =
7    authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
8    authStatus === messaging.AuthorizationStatus.PROVISIONAL;
9
10  if (enabled) {
11    console.log('Разрешение получено');
12    const token = await messaging().getToken();
13    console.log('FCM Token:', token);
14    // Отправьте токен на сервер
15  }
16}

1async function createChannels() {
2  await notifee.createChannel({
3    id: 'default',
4    name: 'Основные уведомления',
5    importance: AndroidImportance.HIGH,
6  });
7
8  await notifee.createChannel({
9    id: 'messages',
10    name: 'Сообщения',
11    importance: AndroidImportance.HIGH,
12    vibration: true,
13  });
14}

1messaging().onMessage(async remoteMessage => {
2  await notifee.displayNotification({
3    title: remoteMessage.notification.title,
4    body: remoteMessage.notification.body,
5    android: {
6      channelId: 'default',
7      pressAction: { id: 'default' },
8    },
9  });
10});

1messaging().setBackgroundMessageHandler(async remoteMessage => {
2  console.log('Фоновое уведомление:', remoteMessage);
3});

1notifee.onForegroundEvent(({ type, detail }) => {
2  if (type === 1) { // PRESS
3    const { notification } = detail;
4    // Навигация к экрану
5  }
6});
7
8// При запуске приложения через уведомление
9const initialNotification = await notifee.getInitialNotification();
10if (initialNotification) {
11  // Навигация к соответствующему экрану
12}

1// Серверная часть (Node.js + Firebase Admin)
2const admin = require('firebase-admin');
3admin.initializeApp({
4  credential: admin.credential.cert(serviceAccount),
5});
6
7const message = {
8  notification: {
9    title: 'Новое сообщение',
10    body: 'У вас новое сообщение от Ивана',
11  },
12  data: {
13    screen: 'Chat',
14    chatId: '123',
15  },
16  token: deviceToken,
17};
18
19await admin.messaging().send(message);