Windows下React Native Android實記

1. JDK安裝

jdk安裝完成後，須要配置path環境。

2. 安裝Android SDK

本人藉助Android Studio這款軟件完成,搜索引擎輸入搜索便可找到下載資源。

須要配置path，加入如：E:\Android\sdk\platform-tools;E:\Android\sdk\tools;E:\Android\sdk;

3. 安裝node.js

因爲nodejs中使用GYP進行項目構建管理，而GYP是基於Python的構建工具。所以，須要先安裝Python。
此外，在Windows系統下，nodejs採用GYP來生成Visual Studio Solution文件後，須要經過C++的編譯器將其編譯爲二進制文件。所以，又須要先安裝C++編譯環境。
最後，安裝nodejs【牆裂建議選擇stable穩定版】。
一系列安裝完成後，進入cmd，輸入"npm"指令後回車，出現形同如下畫面內容，則安裝成功。

須要配置path，加入如：E:\Android\Python27;C:\Users\che\AppData\Roaming\npm;

3.* 安裝git

git可先不安裝，若後續步驟皆安裝完畢後。執行react native指令拋錯,可考慮是不是這個緣由形成。我以前爲了排錯把這個裝上了，結果是nodejs版本問題。因此git是否有影響暫不清楚。故此處標*，望大神往後補充。

4. 安裝react-native

在cmd中輸入：npm install -g react-native-cli，回車。
【在此以前可將npm切換至國內鏡像：
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist】

5. 項目初始化

cd選擇你想要存放項目的目錄下，執行：react-native init cheProject(項目名稱)，回車。這個過程比較慢，至少10分鐘以上。當出現如下畫面，恭喜您。

6. 真機調試

手機經過USB鏈接電腦，切換成調試模式後。在cmd中輸入：adb devices，可查看設備是否接入成功。
安卓系統版本大於5.0的直接執行：adb reverse tcp:8081 tcp:8081，實現端口代理配置。【小於5.0參考】
cd至剛纔初始化成功的項目目錄下，執行：react-native run-android，初次執行react-native須要下載一些文件等，編譯完成後會自動一個以你的項目命名的APP至你的手機上。

7. 一些麻煩

1. react native建立好項目後首次運行問題
2. react-native init project時報錯
3. react native初始化項目在安卓真機運行問題
4. 初始化項目部署至真機時，紅屏錯誤：ReferenceError:Can't find variable:_fbBatchedBridge(...)
   

Reload JS後，錯誤變動爲：

若是你和我同樣，根據網上的方法：Dev Settings > Debug server host & port for device and enter <your IPv4 adress>:8081,而後Relaod JS甚至重啓APP都沒效果，且用的RN版本是0.18.1。可嘗試如下解決方法：
刪除 你RN項目下node_modulesreact-deep-force-update.babelrc這個文件。

---

持續更新...

---

參考文獻：

1. react native中文網
2. pomelo windows 環境下開發環境搭建