加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react native 整合极光推送(Android)

发布时间:2020-12-15 05:08:52 所属栏目:百科 来源:网络整理
导读:react native 整合极光推送(Android) 最近项目中需要用到通知,综合比较决定使用极光推送,看了看网上的教程好像都没有一个整合好的例子,或者是步骤有些问题,自己也折腾了很长时间,在此把极光推送配置的步骤整理一下,提供给各位有需要的朋友 一.安装

react native 整合极光推送(Android)

最近项目中需要用到通知,综合比较决定使用极光推送,看了看网上的教程好像都没有一个整合好的例子,或者是步骤有些问题,自己也折腾了很长时间,在此把极光推送配置的步骤整理一下,提供给各位有需要的朋友

一.安装
我的react native使用的是最新版本0.43.3,对应的极光推送需要同时安装jpush和jcore,

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

二.配置

1、在android/app/build.gradle里android>>defaultConfig中加入:

manifestPlaceholders = [
      JPUSH_APPKEY: "yourAppKey",//在极光推送后台申请的APPKey
      APP_CHANNEL: "developer-default"   
      ]

在dependencies中加入:(link后自动加入,需检查)

compile project(':jpush-react-native')  // 添加 jpush 依赖
  compile project(':jcore-react-native')

2、在项目的settings.gradle中加入(link后自动加入,需检查):

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

3、在android/app/manifests/AndroidManifests.xml的<application>加入:

<meta-data android:name="JPUSH_CHANNEL" android:value="${APP_CHANNEL}"/>
  <meta-data android:name="JPUSH_APPKEY" android:value="${JPUSH_APPKEY}"/>
并在上方加入极光推送权限:
<permission
    android:name="${applicationId}.permission.JPUSH_MESSAGE"
    android:protectionLevel="signature" />

4、在MainActivity中加入如下代码:

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        JPushInterface.init(this);
    }
    @Override
    protected void onPause() {
        super.onPause();
        JPushInterface.onPause(this);
    }
    @Override
    protected void onResume() {
        super.onResume();
        JPushInterface.onResume(this);
    }
    @Override
    protected void onDestroy() {
        super.onDestroy();
    }

5、在MainApplication类里加入如下代码:

private boolean SHUTDOWN_TOAST = false;
private boolean SHUTDOWN_LOG = false;

在getPackages()方法中加入:

new JPushPackage(SHUTDOWN_TOAST,SHUTDOWN_LOG)

至此,native端需要配置的工作已经全部完成,此时就可以用js进行调用。

demo的代码已上传到GitHub,下下来直接npm install就行,以上就是react native 极光推送的安装配置过程。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读