React Native集成友盟推送
android推送集成
1.导入SDK:
首先从友盟github上下载demo
下载之后打开并将push文件夹粘贴在你自己rn项目android文件夹下边
(1)push文件夹位置:
(2)将push文件夹直接复制粘贴到rn项目android目录下,目录结构如下:
同时需要将push/libs目录下的armebi-v7a以及x86文件夹粘贴到app/src/main/jniLibs下边。如果是用android studio进行开发,直接以导入lib module的形式导入push并在app中添加依赖即可,如果是用其他如webstorm开发,需要手动添加导入配置,需要修改的地方如下:
在android目录下的settings.gradle中添加导入:
在app目录下的build.gradle中添加依赖,需要添加两处:
defaultConfig {
···
ndk {
abiFilters "armeabi-v7a", "x86"
}
···
}
以及
dependencies {
compile project(':push')
}
ok,至此导入和依赖就已经做完。
2.添加修改android端代码
(1)将下载的友盟demo中的两个java文件复制进app中
记得修改文件的包名
打开DplusReactPackage这个java类,在这个地方需要进行修改
/**
* 如需要添加本地方法,只需在这里add
*
* @param reactContext
* @return
*/
@Override
public List<NativeModule> createNativeModules(
ReactApplicationContext reactContext) {
List<NativeModule> modules = new ArrayList<>();
modules.add(new ShareModule(reactContext));//友盟分享的集成
modules.add(new PushModule(reactContext));//友盟推送的集成
return modules;
}
这个方法默认是添加了分享,推送以及统计三个功能的module类,如果只需要且只集成了推送,这个地方只需要留下
modules.add(new PushModule(reactContext));
即可。
(2)资源文件的引入。
将demo中的资源文件导入到项目中,包括android\app\src\main\res中的layout以及drawable中的图片,如果要修改接收到消息的图标(默认是友盟的U型图标),可以将drawable中的图标进行替换。
(3)修改MainApplication中的代码并实现携带参数跳转指定js界面:
MainApplication的修改可以仿照友盟demo中的MainApplication进行
package com.umeng.soexample;
import java.util.Arrays;
import java.util.List;
import android.app.Application;
import android.app.Notification;
import android.content.Context;
import android.os.Handler;
import android.widget.RemoteViews;
import android.widget.Toast;
import com.facebook.react.ReactApplication;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import com.umeng.commonsdk.UMConfigure;
import com.umeng.message.IUmengRegisterCallback;
import com.umeng.message.MsgConstant;
import com.umeng.message.PushAgent;
import com.umeng.message.UTrack;
import com.