react native很好用，專案完成需要打包上線哦！好吧
那~就簽名打包上線嘍…
當前的react-native專案程式碼基於"react": "~15.4.0-rc.4","react-native": "0.41.0",
開啟我的摯愛AS,你會發現build過程很慢，而且耐心等待其build完成之後，還是錯誤的….
因為在react-native-0.41.0版本下>>>
- android/build.gradle中'classpath 'com.android.tools.build:gradle:1.3.1'
- android/gradle/wrapper/gradle-wrapper.properties中'distributionUrl=.../gradle-2.4-all.zip'

而我們的AS基本上是很高的版本，並且就是依照這種低版本進行build，結果也許不會令你滿意~
所以，乾脆！就升級版本吧，下面是我升級過的版本，且編譯執行都通過。無論是在AS或者WebStorm上面


在app下的gradle檔案中compileSdkVersion、buildToolsVersion、minSdkVersion和targetSdkVersion依然保持原來的版本。通過build之後，一切迴歸於正常。

如何生成可釋出的apk？

1-生成Android簽名證書

打包apk，我們必須是要使用簽名證書的，該簽名證書我們可以從AS上獲得，從新生成一個新的xxx.jks

2-設定gradle變數

由上圖看，設定gradle變數，即編輯android/gradle.properties檔案內容。新增下面程式碼

#android端進行apk打包使用
MYAPP_RELEASE_STORE_FILE=lushan2017.jks ##簽名證書全名
MYAPP_RELEASE_KEY_ALIAS=lushan2017 ##簽名證書全名別名
MYAPP_RELEASE_STORE_PASSWORD=lushan2017
MYAPP_RELEASE_KEY_PASSWORD=lushan2017

然後覆蓋在android/app/build.gradle檔案

...
signingConfigs {
    release {
       storeFile file(MYAPP_RELEASE_STORE_FILE)
       storePassword MYAPP_RELEASE_STORE_PASSWORD
       keyAlias MYAPP_RELEASE_KEY_ALIAS
       keyPassword MYAPP_RELEASE_KEY_PASSWORD
    }
}
buildTypes {
   release {
      minifyEnabled enableProguardInReleaseBuilds
      proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
      signingConfig signingConfigs.release
   }
}
...

3-打包apk

在AS中點選執行Build/Generate Signed Apk...編譯然後執行到手機上，你會發現….開啟即崩潰。。不能正常執行在手機上！！為什麼呢，奇詭？
既然apk在AS下編譯的不能執行在手機上，那麼就到WebStorm上編譯出一個apk比較下。在WebStorm Terminal終端執行命令gradlew assembleRelease

結果爆出問題'gradlew'不是內部或外部命令，也不是可執行的程式或批處理檔案。，說明gradle命令在這裡無法執行，也就是說明在本機中沒有配置gradle的環境變數。此時就需要到高階系統設定/環境變數/系統變數進行配置。

新建系統變數 <下面是我個人的>
變數名(N)=GRADLE_HOME；
變數值(V)=C:\Users\YJH\.gradle\wrapper\dists\gradle-3.3-all\55gk2rcmfc6p2dg9u9ohc3hw9\gradle-3.3
至於變數值內容，你可以開啟你的AS邊拿到變數值。然後新增到系統變數的變數Path中，以方式%GRADLE_HOME%\bin加入即可。
Webstorm中再次執行編譯打包apk命令
注意：切換到你的android目錄下執行簽名打包命令


之後，就能看到編譯成功的提示。然後在webstorm中路徑android/app/outputs/apk/app-release.apk就能看到已成功簽名打包的檔案。

安裝到手機執行成功。但是為什麼在AS打包的apk檔案卻不能執行呢？為了證明點什麼，需要分別比較一下她們各自生成的apk
進入AS打包簽名的apk

進入Webstorm打包簽名的apk

第一反應看到的是，apk包大小竟然不一樣。分別進入apk包中分析包內有什麼不同

通過深入剖析，可以看到使用AS進行簽名打包的apk中比使用Webstorm進行簽名打包的apk少了一個資料夾assets。而在assets資料夾中是bundle檔案。該bundle檔案就是我們所編寫的打包的js檔案。
在開發環境下，每次啟動APP，都會連線JS Server將專案中編寫的js檔案程式碼載入到APP(React Native的動態更新)。
簽名打包後的apk變成了生產環境，無法在啟動的時候連線JS Server載入相應的js檔案。導致APP因缺少相應的js而無法啟動。