期待已久的新課上線啦！解鎖React Native開發新姿勢，一網打盡React Native最新與最熱技術，點我Get!!!
有時我們需要知道一款產品上線后的受歡迎程度，推廣效果、有多少人安裝、使用率，平均在線時長、活躍用戶、啟動次數、版本分布等數據，這個時候我們不得不用到統計分析。如果條件允許我們可以自己實現統計分析的功能，但如果要做的很專業很詳細那么則需要一個龐大的工作量。在這里我們也可以采用第三方統計umneng。
在這篇文章中我會向大家分享，在React Native中集成umeng統計的方法及流程。因為umeng官網有非常詳細的集成文檔集成文檔，在這里我會介紹在React Native的Android和iOS中如何集成統計功能，但不會長篇大論。
如果大家想通過視頻學習如何在React Native中集成統計功能，可以點這里查看
第一步：集成準備
首先我們需要到umeng官網申請一個開發者賬號。然后創建一個應用并獲取appkey。
集成SDK
獲取到appkey之后呢，我們接下來就來集成集成SDK。
Android
友盟支持AndroidStudio的Gradle配置，所以我們用AndroidStudio打開React Native項目根目錄下的android目錄如圖：
然后在/android/app/build.gradle中添加：
dependencies {
compile 'com.umeng.analytics:analytics:latest.integration'
}
如果無法正常集成請添加如下代碼 ：
allprojects {
repositories {
mavenCentral()
}
}
然后重新build應用，Gradle就會將上述配置的sdk自動下載到本地。
如果大家想通過視頻學習如何在React Native中集成統計功能，可以點這里查看
iOS
友盟支持通過Cocoapods來添加統計sdk的依賴，如果你的Mac還沒有安裝Cocoapods，則可以通過CocoaPods安裝和使用教程來安裝。
Cocoapods 安裝完成后，在你的項目根目錄創建一個 podfile 文件，添加如下內容：
pod 'UMengAnalytics'//標準SDK，含IDFA
pod 'UMengAnalytics-NO-IDFA'//無IDFA版SDK（請根據需要選擇其中一個）
如：
platform :ios, '7.0'
target 'GitHubPopular' do
pod 'UMengAnalytics'
end
然后在terminal下運行命令如下：
pod install
心得：如果過程緩慢可以在
install命令后添加--verbose --no-repo-update參數。
命令執行完成后即可完成統計SDK的下載安裝。
然后，我們打開項目項目根目錄下的ios文件夾，會看到一個xxx.xcworkspace的文件：
用XCode打開該文件就會看到我們剛才集成的SDK了：
如果我們一個項目中有多個PROJECT，那么則需要用xcworkspace是來管理我們的項目，我們通過pod安裝了統計sdk后，項目中會多出來一個名為Pods的PROJECT，所以后我們需要通過xcworkspace來打開我們的ios項目了。
第二步：集成配置
sdk下載完成之后呢，接下來我們就可以進行一些集成配置。
Android
配置AndroidManifest.xml
manifest的配置主要包括添加權限，以下權限缺一不可，填寫Appkey和填寫渠道id三部分，代碼示例如下：
<manifest……>
<uses-sdk android:minSdkVersion="8"></uses-sdk>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.READ_PHONE_STATE"/>
<application ……>
……
<activity ……/>
<meta-data android:value="YOUR_APP_KEY" android:name="UMENG_APPKEY"/>
<meta-data android:value="Channel ID" android:name="UMENG_CHANNEL"/>
</application>
</manifest>
上述代碼中的YOUR_APP_KEY為
appkey需要替換為您在友盟后臺申請的應用Appkey，Channel ID為推廣渠道名稱，這個可以根據需要進行自定義，如：GooglePlay
最基本使用
上述配置完成之后，我們就可以使用統計sdk了。我們只需在MainActivity.java中添加如下代碼即可完成session的統計。
public void onResume() {
super.onResume();
MobclickAgent.onResume(this);
}
public void onPause() {
super.onPause();
MobclickAgent.onPause(this);
}
如果大家想通過視頻學習如何在React Native中集成統計功能，可以點這里查看
iOS
配置AppDelegate.m
在AppDelegate.m中導入頭文件#import "UMMobClick/MobClick.h"
AppDelegate.m 的配置主要包括填寫Appkey，設置發送策略和填寫渠道id三部分，代碼示例如下：
#import "UMMobClick/MobClick.h"
...
- (BOOL])application:(UIApplication] *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
UMConfigInstance.appKey = @"xxxxxxxxxxxxxx...";
UMConfigInstance.ChannelId = @"App Store";
UMConfigInstance.eSType = E_UM_GAME; //僅適用于游戲場景，應用統計不用設置
…
[MobClick startWithConfigure:UMConfigInstance];//配置以上參數后調用此方法初始化SDK！
}
appKey為開發者在友盟后臺申請的應用Appkey，ChannelId的值為應用的渠道標識。默認為 @"App Store"。
到這里集成配置已經完成了。
如果大家想通過視頻學習如何在React Native中集成統計功能，可以點這里查看
第三步：高級功能
在上文中我們已經完成了統計sdk的集成、配置以及最基本的使用(如果大家想通過視頻學習如何在React Native中集成統計功能，可以點這里查看)，到現在為止統計sdk已經能為我們完成大部分的統計功能了，比如：新增用戶、活躍用戶、啟動次數、版本分布、渠道分析、留存分析、錯誤分析、用戶屬性等。
如果我們要進行更高級的功能，比如：計數統計與計算統計等，因為React Native應用的大部分業務邏輯的代碼都是在js部分完成的，所以我們需要將計數統計與計算統計
的相關功能封裝成React Native原生模塊，然后暴露給js模塊，供js模塊進調用，關于如何封裝React Native原生模塊，我在視頻教程中有很詳細的講解。
以上便是在React Native中集成umeng統計的方法及流程，這樣以來我們就可以在umeng后臺管理中查看這些統計數據了：
告訴大家一個好消息，為大家精心準備的React Native視頻教程發布了，大家現可以看視頻學React Native了。
如果大家在React Native中集成umeng統計的過程中有更好的心得或遇到問題可以在本文的下方進行留言，我看到了后會及時回復的哦。
另外也可以關注我的新浪微博，或者關注我的Github來獲取更多有關React Native開發的技術干貨。
推薦學習：視頻教程《React Native開發跨平臺GitHub App》
