开发者资源
React Native Push 开发者资源
REACT NATIVE PUSH 功能
围绕通知生命周期构建
设备注册
- 连接推送接收者
- 处理配置错误
通知回调
- 响应通知点击
- 在您的应用内跳转
平台投递
- 配置原生通道
- 测试授权和应用状态
注册、接收与响应
注册、点击处理与接收者查询。精选官方 SDK API 的针对性代码片段。
注册
注册测试设备
完成平台配置和授权流程后,接入 React Native 推送通知。
阅读文档push.ts
import Push from '@tencentcloud/react-native-push';
Push.registerPush(
SDKAppID, pushClientKey,
() => { /* Registration completed. */ },
(code, message) => { /* Handle registration errors. */ },
);处理点击
打开正确页面
跳转前验证通知载荷并检查账户访问权限。
阅读文档push.ts
Push.addPushListener(
Push.EVENT.NOTIFICATION_CLICKED,
(payload) => {
// Validate the payload before navigating in your app.
},
);识别接收者
获取注册 ID
使用已注册的接收者进行受控的控制台或服务器测试。
阅读文档push.ts
Push.getRegistrationID((registrationID) => {
// Associate this recipient with your authenticated backend.
});开始使用
逐步发送您的第一条通知
- 01
- 02
- 03
React Native Push SDK
终端
npm install @tencentcloud/react-native-push --savepush.ts
import Push from '@tencentcloud/react-native-push';
Push.registerPush(
SDKAppID, pushClientKey,
() => { /* Registration completed. */ },
(code, message) => { /* Handle registration errors. */ },
);React Native 推送通知 常见问题
如何为应用添加 React Native 推送通知?
按指南配置原生 Android application class 与 iOS 项目。仅安装 JavaScript 包无法完成 APNs、Android 通道或设备权限配置。
这些代码片段是完整应用吗?
这些是针对性的集成节选。请按完整指南补充包导入、原生项目配置、生命周期处理与错误行为。VERSION 表示您选择的版本,不是字面上的包版本号。
应用关闭时通知还能送达吗?
受支持的离线通道可以投递通知,但受操作系统策略、授权、网络条件及设备设置影响。请测试实际支持的设备与应用状态。
React Native 推送通知如何发送给正确的用户?
注册设备并获取注册 ID,在后端维护接收者与账户的关联。用户切换时更新关联,打开目标页面时验证访问权限。
React Native 推送通知费用是多少?
App Push 提供免费和付费套餐,包含的 MAU、队列与功能各不相同。选择生产套餐前,请查看当前套餐及超额计费规则。
如何在 React Native 中集成 React Native 推送通知?
安装文档所述的包和原生依赖,然后重新构建原生应用。核验权限、生命周期和原生回调,不应假设运行环境仅包含 JavaScript。
发布应用前如何测试 React Native 推送通知?
在前台、后台与已终止状态下测试接收者注册及通知点击回调。
如何自定义 React Native 推送通知界面?
处理文档说明的通知载荷与点击回调。应用负责验证目标页面访问权限,并控制打开的页面。

