以下內(nèi)容為在window下開發(fā)React Nativ時(shí)環(huán)境搭建及APK打包的筆記。
CSDN同步發(fā)布
環(huán)境搭建
1死姚、安裝Node.js與Git
2人乓、如果沒有合適的梯子，先設(shè)置鏡像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
3都毒、安裝React Native命令行工具
github上下載后解壓色罚，下載地址
在react-native-cli目錄下用git運(yùn)行命令：
npm install -g react-native-cli
或者
npm install -g yarn react-native-cli
4、創(chuàng)建項(xiàng)目
react-native init 文件夾名稱
5账劲、運(yùn)行packager 進(jìn)入工程目錄
react-native start
可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android
6戳护、準(zhǔn)備模擬器或真機(jī) 運(yùn)行android
react-native run-android
7、gradle-2.14.1-all.zip下載慢的解決方法
- 首先 把對應(yīng)版本的gradle載到本地任意一個(gè)磁盤里
- 然后拖曳這個(gè)文件夾到瀏覽器中瀑焦，就會(huì)得到 file:///...的訪問地址
- 替換項(xiàng)目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl 腌且，
- 即 distributionUrl=file:///D:/gradle/gradle-2.14.1-all.zip （注意這里需要加上轉(zhuǎn)義字符\）
8、出現(xiàn)紅色提示蝠猬，沒有連接上服務(wù)器切蟋，則在設(shè)置中輸入電腦本機(jī)ip地址及8081端口號：如192.168.2.1：8081
至此，示例代碼將運(yùn)行在android上
打包發(fā)布(android)
1榆芦、找到路徑/android/app/src/main，并在該目錄下新建assets文件夾
2喘鸟、在工程目錄下將index.android.bundle下載并保存到assets資源文件夾中匆绣，運(yùn)行以下命令：
curl -k "http://localhost:8081/index.android.bundle" > android/app/src/main/assets/index.android.bundle
這里需先安裝curl：Windows下安裝使用curl命令
3、添加gradle的android keystore配置
//簽名
signingConfigs{ release { storeFile file("/my-release-key.keystore") storePassword "密碼" keyAlias "keyAlias的名字" keyPassword "密碼" } } buildTypes { release { minifyEnabled enableProguardInReleaseBuilds proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' signingConfig signingConfigs.release //添加這句話引用簽名配置 } }
4什黑、啟用Proguard代碼混淆來縮小APK文件的大小
def enableProguardInReleaseBuilds = true
5崎淳、在/android/目錄中執(zhí)行g(shù)radle assembleRelease命令，打包后的文件在 android/app/build/outputs/apk目錄中愕把，例如app-release.apk拣凹。如果打包碰到問題可以先執(zhí)行 gradle clean 清理一下森爽。
這里需先安裝gradle工具（版本與android\gradle\wrapper下的一致），并配置環(huán)境變量嚣镜，配置GRADLE_HOME到你的gradle根目錄當(dāng)中爬迟，然后把%GRADLE_HOME%/bin（linux或mac的是$GRADLE_HOME/bin）加到PATH的環(huán)境變量。
配置完成之后菊匿，運(yùn)行g(shù)radle -v付呕，檢查一下是否安裝無誤
