rn极光推送及跳转页面

前期准备

1.注册登录极光网站并创建应用
在这里插入图片描述
2.创建完应用会得到一个appkey(后续配置会用到)
在这里插入图片描述
3.进入自己的项目根目录
安装
npm install jpush-react-native --save
npm install jcore-react-native --save
并连接到原生库
react-native link jpush-react-native
react-native link jcore-react-native

配置

一、Android配置

1.项目名\android\app\build.gradle

android {
      defaultConfig {
          applicationId "yourApplicationId" //在此替换你的应用包名 例com.iotapp
          ...
          manifestPlaceholders = [
                  JPUSH_APPKEY: "yourAppKey",  //在此替换你的APPKey
                  JPUSH_CHANNEL: "yourChannel"  //在此替换你的channel
          ]
      }
  }

dependencies {
      ...
      implementation project(':jpush-react-native')  // 添加 jpush 依赖
      implementation project(':jcore-react-native')  // 添加 jcore 依赖
  }

2.项目名\android\settings.gradle

include ':jpush-react-native'
project(':jpush-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jpush-react-native/android')
include ':jcore-react-native'
project(':jcore-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jcore-react-native/android')

3.项目名\android\app\src\main\AndroidManifest.xml

<meta-data
	android:name="JPUSH_CHANNEL"
	android:value="${JPUSH_CHANNEL}" />
<meta-data
	android:name="JPUSH_APPKEY"
	android:value="${JPUSH_APPKEY}" />    

4.项目名\android\app\src\main\java\com\iotapp\MainApplication.java

import cn.jiguang.plugins.push.JPushPackage;
...
@Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new JPushPackage(),//添加这句
      );
    }

5.项目名\App.js

import JPush from 'jpush-react-native';
componentDidMount() {
    const { navigation } = this.props;
    JPush.init();
    
  }  

点开推送消息跳转到相应页面!!!!
import { AsyncStorage,DeviceEventEmitter,Platform } from ‘react-native’;
在这里插入图片描述

测试

进入创建的应用
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值