JPush React Native 插件使用指南

JPush React Native 插件使用指南

jpush-react-nativeJPush's officially supported React Native plugin (Android & iOS). 极光推送官方支持的 React Native 插件（Android & iOS）。项目地址:https://gitcode.com/gh_mirrors/jp/jpush-react-native

1. 项目介绍

JPush React Native 是由极光推送官方开发的一款插件，旨在提供给 React Native 开发者便捷的消息推送功能。该插件支持在 Android 和 iOS 平台上集成极光推送服务，无需深入原生平台的代码即可实现推送功能。需要注意的是，如果项目中未包含 jcore-react-native，在安装 JPush 插件时也需要一同安装。

2. 项目快速启动

安装依赖库

在你的项目根目录中执行以下命令，安装 JPush 及其依赖 JCore：

npm install jpush-react-native --save
npm install jcore-react-native --save

自动链接依赖（对于 RN >= 0.60）

如果你使用的是React Native 0.60或更高版本，自动链接应该已经完成。如果没有，手动链接如下：

react-native link

手动链接依赖（对于 RN < 0.60）

对于React Native 0.60之前的版本，你需要手动链接这两个库。具体步骤参照 RN 文档或者查阅 JPush 的 README 文件。

修改配置文件

• 对于 Android，修改 android/app/src/main/AndroidManifest.xml 添加必要的权限和配置。
• 对于 iOS，更新 AppDelegate.m 文件以导入 JPush SDK。

示例代码

在你的主入口文件（例如 index.js）中初始化 JPush：

import JPush from 'jpush-react-native';

// 初始化 JPush
JPush.init();

// 设置接收消息监听
JPush.setDebugMode(true); // 开启调试模式
JPush.addReceiveNotificationHandler(notification => {
  console.log('收到推送通知:', notification);
});

// 获取 registration ID
JPush.getRegistrationID(registrationID => {
  console.log('registrationID:', registrationID);
});

运行示例

最后，在命令行中运行以下命令启动项目：

npx react-native run-android
# 或者
npx react-native run-ios

3. 应用案例和最佳实践

• 使用 addTag 方法为用户添加标签，便于进行定向推送。
• 通过 setAlias 设置别名，以便识别特定用户。
• 当用户处于前台时，可以自定义处理收到推送的方式，避免弹出不必要的通知打扰用户。
• 利用 checkPermission 方法检查用户是否已授权推送通知权限。
• 使用 cleanAllNotifications 清除所有历史推送通知。

4. 典型生态项目

• 友盟推送集成：可以结合友盟推送服务，实现更丰富的推送策略。
• react-native-select: 一个简单的下拉列表组件，可用于创建推送设置界面。
• react-native-qrcode-svg: 生成二维码的库，可用于推送链接的可视化展示。

以上就是使用 JPush React Native 插件的基本流程和注意事项。更多信息和详细API，请参照 官方文档。祝你的推送集成工作顺利！

jpush-react-nativeJPush's officially supported React Native plugin (Android & iOS). 极光推送官方支持的 React Native 插件（Android & iOS）。项目地址:https://gitcode.com/gh_mirrors/jp/jpush-react-native