Taro(React-native)集成友盟错误日志分析U-Ap
1、先去友盟官网注册应用,获取到appkey,友盟+移动统计分析U-App,这个步骤就不贴出来了,需要注意的是ios和Android 不能使用同一个appkey,需要分别创建两个应用,应用名称可以在后面加上平台名称,例如:我的应用-Android ,我的应用-ios。
2、在开发者中心选择React Native 平台下的移动统计sdk进行下载
![](https://img.haomeiwen.com/i16092017/868343b873e1a99b.png)
点击同列中的开发文档进入开发者中心,这里面就是讲的怎么集成sdk,下面的步骤也是我参照着文档来的,会有一些小差异,大体流程是相同的。
![](https://img.haomeiwen.com/i16092017/7b8f7d20f1421661.png)
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目录下
![](https://img.haomeiwen.com/i16092017/d3af99ed3f83774d.png)
![](https://img.haomeiwen.com/i16092017/4d774ae10bbd4e27.png)
在app下的build.gradle文件中进行依赖
![](https://img.haomeiwen.com/i16092017/b1a378c5a7bd762e.png)
二、把React Native文件夹下的analytics/analytics_reactnative_2.0.0/analytics_android/AnalyticsModule.java文件和common/common_reactnative_2.0.0/common_android/DplusReactPackage.java+RNUMConfigure.java(相同目录下的两个文件)三个文件,拷入到项目中
![](https://img.haomeiwen.com/i16092017/59d4855265a391f6.png)
![](https://img.haomeiwen.com/i16092017/6d3d1a86b48b8d64.png)
![](https://img.haomeiwen.com/i16092017/d9550dc825f831a4.png)
其中DplusReactPackage java文件中有个报错,但我选择了个推来完成消息推送功能,所以我就把该行报错的代码注释掉了
![](https://img.haomeiwen.com/i16092017/f4ef57219c88ba9e.png)
三、在MainApplication中,添加DplusReactPackage,如下
![](https://img.haomeiwen.com/i16092017/5809a79f2581e8a5.png)
在onCreate中添加如下代码(appkey即为第一步时获取到的appkey)
![](https://img.haomeiwen.com/i16092017/829141a16d90b8cb.png)
在MainActivity中,添加如下代码
![](https://img.haomeiwen.com/i16092017/5e8bc9194e57e057.png)
onCreate中添加代码如下
![](https://img.haomeiwen.com/i16092017/846d63ca6ab5f16f.png)
4、配置iOS(Xcode)
一、右键项目名称,选择Add Files to 'xxx'
![](https://img.haomeiwen.com/i16092017/a35c220004eeaded.png)
和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添加到项目中
![](https://img.haomeiwen.com/i16092017/5abf4a6463a74bb1.png)
![](https://img.haomeiwen.com/i16092017/601c3dc5485f20de.png)
二、在AppDelegate.m文件中添加如下代码
![](https://img.haomeiwen.com/i16092017/f52c96cb754e52dc.png)
#import "RNUMConfigure.h"
#import <UMAnalytics/MobClick.h>
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程序目录中。
![](https://img.haomeiwen.com/i16092017/6ca50bc34d9b079b.png)