ios 端 可參考：http://www.lxweimin.com/p/879d28ee74e6
趁熱打鐵吧，把剛才已經完成的友盟統計集成記錄下 Android端集成：
分下面幾部：
步驟
- sdk的集成
- 原生模塊的配置
- 原生交互模塊
- RN端調用
sdk集成部分
友盟sdk下載地址：
https://developer.umeng.com/sdk?spm=a211g2.211692.0.0.4cc21183f5dYjU
sdk集成相關文檔：
https://developer.umeng.com/docs/66632/detail/68337
這里如果嫌官方文檔太亂的話可以參考下 我這里的手動集成：
1.首先把 下載的sdk
umeng-analytics-7.5.3.jar
umeng-common-1.5.3.jar
放到工程目錄下的libs文件夾下，thirdparties文件下的可能和混淆加密有關，這里按需使用吧，我這里沒有。
把架包添加到工程中
dependencies {
compile files('libs/umeng-analytics-7.5.3.jar')
compile files('libs/umeng-common-1.5.3.jar')
}
到這里Android端sdk已經集成了。
android端配置
<manifest -- 中
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>
<uses-permission android:name="android.permission.INTERNET"/>
<application --- 中
<!--友盟 統計-->
<meta-data
android:name="UMENG_APPKEY"
android:value="5b863efe8f4a9d1b8b00010b" >
</meta-data>
<meta-data android:value="Channel ID" android:name="UMENG_CHANNEL"/>
交互模塊
接下來把官網下載下來的 交互模塊放到工程中 https://developer.umeng.com/sdk/reactnative
注意這里下載下來的并不是sdk 而是 一些交互類
DplusReactPackage.java
RNUMConfigure.java
AnalyticsModule.java
這三個java交互文件缺一不可哦。
之后，就是把相關 java代碼，改下包路徑 按照錯誤提示更改就行了
比如： package com.rent.UMTJ;
缺少類的 導入相關類即可。
交互類 寫完之后，在MainApplication中實例化一下
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new DplusReactPackage(),
);
}
@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
UMConfigure.setLogEnabled(true);
//初始化組件化基礎庫, 統計SDK/推送SDK/分享SDK都必須調用此初始化接口
RNUMConfigure.init(this, "[這里輸入自己創建應用時候的appkey]", "UMENG_CHANNEL", UMConfigure.DEVICE_TYPE_PHONE,
"");
}
在MainActivity中也要初始化操作
@Override
protected void onCreate(Bundle savedInstanceState) {
MobclickAgent.setSessionContinueMillis(1000); //設置統計的場景，以及發送間隔：
MobclickAgent.setScenarioType(this, MobclickAgent.EScenarioType.E_DUM_NORMAL);
super.onCreate(savedInstanceState);
}
@Override
public void onResume() { //友盟統計初始化
super.onResume();
MobclickAgent.onResume(this);
}
@Override
protected void onPause() { //友盟統計初始化
super.onPause();
MobclickAgent.onPause(this);
}
ok基本上按照步驟走的話，都很順利，到這里就可以RN端調用了。
RN端調用
這里封裝了一下 Umtj.js 可作為參考
import { NativeModules } from 'react-native';
const UMTJ = NativeModules.UMAnalyticsModule;
export const onPageStart = pageName => {
//用于統計單個自定義頁面的起始和onPageEnd同時使用，不可單獨使用
return UMTJ.onPageStart(pageName);
};
export const onPageEnd = pageName => {
//用于統計單個Activity頁面結束時間
return UMTJ.onPageEnd(pageName);
};
export const onEvent = eventId => {
//用于統計自定義事件的發生次數
return UMTJ.onEvent(eventId);
};
export const onEventWithLable = (eventId, label) => {
//用于統計自定義事件的發生次數 可傳參數進去
return UMTJ.onEventWithLable(eventId, label);
};
調用原生模塊
import {
onEvent,
onEventWithLable,
onPageStart,
onPageEnd,
} from '../utils/natives/Umtj';
//比如這里是個點擊事件
click=()=>{
onEvent('regist');
onEventWithLable('regist', '注冊登錄成功');
}
這里的“regist”是我們在 友盟后臺自定義的 埋點值，可以進行手動埋點 用來統計用戶一些行為操作，方便產品運營吧。
ios 端 可參考：http://www.lxweimin.com/p/879d28ee74e6。
