React Native实现iOS/Android实时推送通知技术咨询

Hey there! Let's break down the most practical and reliable options for implementing real-time push notifications in your React Native app—perfect for your registration/subscription-based IM-style service where admins trigger alerts from the backend.

核心方案选型 #

1. Firebase Cloud Messaging (FCM) - 原生级主流方案 #

FCM是Google官方的跨平台消息服务，完美支持iOS和Android双端，免费且扩展性强。通过官方维护的react-native-firebase库能和React Native无缝集成，适合想要完全掌控通知流程的团队。

关键实施步骤：

• Firebase项目配置：在Firebase控制台创建项目，分别添加iOS/Android应用，下载对应配置文件（iOS用GoogleService-Info.plist，Android用google-services.json）并放入原生项目目录。
• 依赖安装：安装核心库@react-native-firebase/app和推送专用库@react-native-firebase/messaging。
• 权限处理：
  • iOS端：调用messaging().requestPermission()请求用户通知权限（弹窗、角标、声音）。
  • Android 13+：需要主动请求POST_NOTIFICATIONS运行时权限。
• 令牌同步：用户注册完成后，调用messaging().getToken()获取FCM设备令牌，上传到你的后台并关联用户ID和订阅状态——这样后台就能精准推送目标用户。
• 后台触发通知：管理后台调用FCM的REST API发送通知，可根据订阅状态筛选令牌列表，避免给未付费用户推送。

2. OneSignal - 开箱即用的第三方封装 #

如果想省去大部分原生配置的麻烦，OneSignal是绝佳选择。它把FCM和APNs封装成统一API，提供网页仪表盘管理通知，还自带用户分段功能（比如只给活跃订阅用户推送）。集成用react-native-onesignal库即可。

关键实施步骤：

• OneSignal账号配置：注册OneSignal账号，创建应用并获取App ID。
• 原生配置：按照官方指南在OneSignal后台配置iOS的APNs证书和Android的FCM服务器密钥。
• 用户与令牌同步：应用启动后获取OneSignal的player ID，上传到你的后台并关联用户订阅数据。
• 发送通知：通过OneSignal仪表盘或REST API触发通知，利用其分段工具自动筛选订阅用户。

重要细节处理 #

• 订阅状态同步：用户订阅到期或续订时，务必让后台更新令牌关联状态，避免给 inactive 订阅用户推送通知。
• 通知点击跳转：在React Native中监听通知点击事件，直接引导用户进入对应聊天界面或通知详情页（示例代码见下方）。
• IM消息静默推送：对于实时聊天消息，可使用静默推送在后台同步数据，再本地展示提示——FCM和OneSignal都支持纯数据格式的 payload。
• iOS特殊配置：确保应用有有效的APNs证书，在Info.plist中配置UIBackgroundModes以支持远程通知后台唤醒。
• Android特殊配置：Android 8.0+需要创建通知渠道（否则通知无法展示），如果需要后台接收消息还要配置对应的服务。

代码示例（FCM） #

以下是处理权限、令牌获取和通知点击的快速代码片段：

import messaging from '@react-native-firebase/messaging';
import { navigationRef } from './navigation'; // 假设你有全局导航引用

// 应用启动时配置推送通知
const setupPushNotifications = async () => {
  const authStatus = await messaging().requestPermission();
  const hasPermission = 
    authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
    authStatus === messaging.AuthorizationStatus.PROVISIONAL;

  if (hasPermission) {
    const token = await messaging().getToken();
    // 上传令牌到后台
    await fetch('https://your-backend.com/api/user-tokens', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ userId: currentUser.id, fcmToken: token })
    });
  }
};

// 处理应用在后台时的通知点击
messaging().onNotificationOpenedApp(remoteMessage => {
  console.log('通知被点击:', remoteMessage);
  // 跳转到对应聊天界面
  navigationRef.current?.navigate('Chat', { chatId: remoteMessage.data.chatId });
});

// 处理应用未启动时的通知点击
messaging().getInitialNotification().then(remoteMessage => {
  if (remoteMessage) {
    navigationRef.current?.navigate('Chat', { chatId: remoteMessage.data.chatId });
  }
});

方案选择建议 #

• 选FCM：如果你的团队有原生开发经验，且想要完全掌控通知流程（适合定制化IM功能）。
• 选OneSignal：如果想快速上线，省去原生配置开销，且需要现成的用户分段、数据分析等工具。

内容的提问来源于stack exchange，提问作者Michelley