react native 整合极光推送（Android）

Forest10 发布于2019-08-20 15:42 / 834人阅读

摘要：的代码已上传到，下下来直接就行，以上就是极光推送的安装配置过程。

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的加入：

并在上方加入极光推送权限：

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 极光推送的安装配置过程。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82436.html

React Native 跳转到 APP 推送页面并获取推送状态

摘要：产品为了提高推送送达率，提了一个需求在推送关闭的情况下显示一个小，点击跳转到消息设置界面。第一步获取推送状态这里我主要参考极光推送。然后我们在侧做一些兼容处理跳转到消息设置页面需要跳转时，我们直接用这个函数就行了。产品为了提高推送送达率，提了一个需求：在 APP 推送关闭的情况下显示一个小 TIP，点击 TIP 跳转到 APP 消息设置界面。我们的 APP 是基于 React N...

DrizzleX 2019-08-26 13:42 评论0 收藏0
React Native 跳转到 APP 推送页面并获取推送状态

摘要：产品为了提高推送送达率，提了一个需求在推送关闭的情况下显示一个小，点击跳转到消息设置界面。第一步获取推送状态这里我主要参考极光推送。然后我们在侧做一些兼容处理跳转到消息设置页面需要跳转时，我们直接用这个函数就行了。产品为了提高推送送达率，提了一个需求：在 APP 推送关闭的情况下显示一个小 TIP，点击 TIP 跳转到 APP 消息设置界面。我们的 APP 是基于 React N...

tinyq 2019-08-16 16:19 评论0 收藏0
React Native 极光推送填坑（ios）

摘要：前言前一段时间，完成了公司的消息推送功能，使用的是极光推送，在配置的推送功能时，遇到了一个坑，记录一下坑使用了极光推送官方的插件。前言前一段时间，完成了公司 app 的消息推送功能，使用的是极光推送，在配置 ios 的推送功能时，遇到了一个坑，记录一下坑使用了极光推送官方的插件 jpush-react-native。按照文档，将 ios 和 android 配置好，结果发现 a...

Travis 2019-08-22 17:59 评论0 收藏0