1、先去友盟官网注册应用,获取到appkey,友盟+移动统计分析U-App,这个步骤就不贴出来了,需要注意的是ios和Android 不能使用同一个appkey,需要分别创建两个应用,应用名称可以在后面加上平台名称,例如:我的应用-Android ,我的应用-ios。
2、在开发者中心选择React Native 平台下的移动统计sdk进行下载
点击同列中的开发文档进入开发者中心,这里面就是讲的怎么集成sdk,下面的步骤也是我参照着文档来的,会有一些小差异,大体流程是相同的。
3、配置Android
一、打开上一步下载的文件夹,分别把Android目录下的analytics/analytics_android_8.0.0/umeng-analytics-8.0.0.jar文件和common/common_android_2.0.1/normal/umeng-common-2.0.1.jar文件拷入到项目的libs目录下
在app下的build.gradle文件中进行依赖
二、把React Native文件夹下的analytics/analytics_reactnative_2.0.0/analytics_android/AnalyticsModule.java文件和common/common_reactnative_2.0.0/common_android/DplusReactPackage.java+RNUMConfigure.java(相同目录下的两个文件)三个文件,拷入到项目中
其中DplusReactPackage java文件中有个报错,但我选择了个推来完成消息推送功能,所以我就把该行报错的代码注释掉了
三、在MainApplication中,添加DplusReactPackage,如下
在onCreate中添加如下代码(appkey即为第一步时获取到的appkey)
在MainActivity中,添加如下代码
onCreate中添加代码如下
4、配置iOS(Xcode)
一、右键项目名称,选择Add Files to 'xxx'
和Android一样,选择iOS文件夹下的analytics/analytics_ios_6.0.1/UMAnalytics.framework和common/common_ios_2.0.0/normal/UMCommon.framework文件
以及ReactNative文件夹下的analytics/analytics_reactnative_2.0.0/analytics_ios/UMAnalyticsModule.h+UMAnalyticsModule.m和common/common_reactnative_2.0.0/common_ios/RNUMConfigure.h+RNUMConfigure.m文件 ,add添加到项目中
二、在AppDelegate.m文件中添加如下代码
#import "RNUMConfigure.h"
#import
didFinishLaunchingWithOptions方法中添加:[UMConfigure setLogEnabled:YES];
[MobClick setScenarioType:E_UM_NORMAL];
[RNUMConfigure initWithAppkey:@"yourappkey" channel:@"App Store"];
5、把ReactNative文件夹下的common/common_reactnative_2.0.0/js/AnalyticsUtil.js(看需要是否需要分享和推送,可以把相应的文件拷贝)文件拷入到react-native程序目录中。