React Native中能否使用WonderPush发送推送通知？

当然可以！WonderPush官方提供了专门适配React Native的SDK，能帮你快速实现推送通知的发送与接收功能。下面是具体的实现步骤，亲测有效：

1. 安装SDK依赖 #

首先在你的React Native项目里安装官方包，用npm或yarn都可以：

# npm 方式
npm install react-native-wonderpush --save

# yarn 方式
yarn add react-native-wonderpush

如果是iOS项目，别忘了安装CocoaPods依赖：

cd ios && pod install && cd ..

2. 配置平台专属设置 #

iOS端配置 #

• 打开Xcode，在项目的Signing & Capabilities面板里添加Push Notifications能力；
• 在Info.plist中添加推送权限描述，避免被App Store拒审：

  <key>NSUserNotificationUsageDescription</key>
  <string>我们需要推送权限来向你发送重要通知</string>
  <key>NSRemoteNotificationUsageDescription</key>
  <string>我们需要推送权限来向你发送重要通知</string>
  

Android端配置 #

• 确保AndroidManifest.xml中已经添加了INTERNET权限（一般React Native项目默认有，但可以检查一下）；
• SDK安装后会自动配置必要的广播接收器和服务，如果你碰到问题，可以核对官方配置项是否齐全。

3. 初始化SDK并请求权限 #

在你的App入口文件（比如App.js）里初始化WonderPush，同时请求用户的推送授权：

import WonderPush from 'react-native-wonderpush';
import { useEffect } from 'react';

// 初始化，替换成你自己的项目ID和密钥
WonderPush.initialize({
  clientId: "你的项目Client ID",
  clientSecret: "你的项目Client Secret",
});

// 请求推送权限
const requestPushPermission = async () => {
  try {
    await WonderPush.subscribeToNotifications();
    console.log("用户已同意接收推送");
  } catch (error) {
    console.error("推送权限请求失败:", error);
  }
};

// 在App加载时调用
useEffect(() => {
  requestPushPermission();
}, []);

4. 发送推送通知 #

有两种常用的发送方式：

• 通过WonderPush控制台发送：直接登录你的WonderPush后台，可视化创建通知，选择目标用户群体（比如全部用户、特定标签用户）后一键发送，这是最适合非开发人员或者快速测试的方式；
• 通过API发送：如果需要在后端逻辑里触发推送，可以调用WonderPush的REST API，比如用curl示例：

curl -X POST "https://api.wonderpush.com/v1/notifications" \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer 你的服务器Token" \
  -d '{
    "notification": {
      "alert": "这是一条来自后端的测试推送！",
      "sound": "default"
    },
    "target": {
      "segment": "all"
    }
  }'

小提示 #

• iOS推送必须用真机测试，模拟器无法接收APNs推送；
• 你还可以自定义通知的样式、添加动作按钮，甚至配置深度链接，让用户点击通知直接跳转到App内的指定页面。

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