前言
最近從iOS開發(fā)轉(zhuǎn)到RN開發(fā), 碰到許多坑, 想記錄下來鞏固學習. 希望本文能幫到你~~
免費獲得:
- SDK下載及文檔
- 安卓集成指南
- iOS集成指南
SDK下載及文檔
SDK地址: 官方下載 (記得關(guān)VPN訪問友盟官網(wǎng)喲~)
文檔地址: 偷看一下
安卓集成指南
未接觸過安卓開發(fā)的, 看到文檔的時候一定頭很大. 沒事我來帶大家一步一步趟過去.
1.檢查SDK文件
我們SDK下載下來后看到的文件夾, 包括Android和ReactNative部分.Android里放的是jar文件, ReactNative里放的是java文件. 參考如下:
2.放jar文件
這個最簡單! 放進工程目錄的libs文件夾下, 搞定~ 路徑如下:
2-1添加依賴
我們先到android/app/build.gradle
找到dependencies, 添加架包(有兩種方式,自己搭配啦~):
1.通用:
dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
2.每個都添加一次:
dependencies {
compile files('libs/umeng-analytics-7.5.3.jar')
compile files('libs/umeng-common-1.5.3.jar')
2-2查看權(quán)限配置
到android/app/src/main/AndroidMainifest.xml
配置好權(quán)限, 當然你可以參考官方demo, 選擇其他權(quán)限獲取更精準的數(shù)據(jù)啦~
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
<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"/>
3. 放java文件
文檔沒寫路徑, 只寫了文件引用. 超超找了路徑給你們~ 如下:
這里不要直接抄demo, 要放在包名路徑下.
比如你的包名是com.umeng, 那么可以在java/com/umeng/里建個'invokenative'放java文件, 如下:
剩下的就是根據(jù)警告, 修正引用路徑~
4.引用問題
如果之前沒開發(fā)安卓的經(jīng)驗, 這里要注意'引用路徑'的問題:
所有demo中引用的路徑一定不能照抄demo的如:
import com.umeng.soexample.invokenative.RNUMConfigure;
如果你的路徑是com/umeng/invokenative, 那要改成:
import com.umeng.invokenative.RNUMConfigure;
5.初始化
5-1MainActivity中初始化
代碼如下:
public class MainActivity extends ReactActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//ShareModule.initSocialSDK(this);
//PushModule.initPushSDK(this);
MobclickAgent.setSessionContinueMillis(1000);
MobclickAgent.setScenarioType(this, EScenarioType.E_DUM_NORMAL);
MobclickAgent.openActivityDurationTrack(false);
//PushAgent.getInstance(this).onAppStart();
}
@Override
public void onResume() {
super.onResume();
MobclickAgent.onResume(this);
}
@Override
protected void onPause() {
super.onPause();
MobclickAgent.onPause(this);
}
5-2MainApplication中初始化
代碼如下:
@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);
//初始化組件化基礎(chǔ)庫, 統(tǒng)計SDK/推送SDK/分享SDK都必須調(diào)用此初始化接口
RNUMConfigure.init(this, "59892f08310c9307b60023d0", "Umeng", UMConfigure.DEVICE_TYPE_PHONE,
"669c30a9584623e70e8cd01b0381dcb4");
//initUpush();
}
注意:未集成推送功能, secret參數(shù)可以傳空字符串"".
iOS集成指南:
跟安卓一樣, iOS有單獨的文件夾, 放著對應的framework, 我們只要打開工程, 學著demo做:
1.引用framework和橋接文件
-
找到framework如下:
圖8 -
找到2個必要的橋接文件
圖9
為了以后統(tǒng)一管理, 把framework放到UMComponents文件夾里, 把橋接文件放到文件夾UMReactBridge文件夾.
再把這兩個文件夾用鼠標拖到工程中. 如下圖:
接下來按照demo里初始化代碼如下:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
[UMConfigure setLogEnabled:NO];
[RNUMConfigure initWithAppkey:@"我的appkey" channel:@"App Store"];
[MobClick setScenarioType:E_UM_NORMAL];
[MobClick setCrashReportEnabled:YES];
到這里iOS友盟就集成完畢了~~
2.魔性BUG
注意: demo寫了 [UMessage addLaunchMessage]; 記得刪掉哦! 不然app會有魔性的啟動屏哦~ 感興趣的小伙伴可以自己玩玩看~
到此, 友盟的集成完畢!
如果小伙伴們有埋點的需求的可以參考文章:React Native 友盟統(tǒng)計--打點/埋點
