搭建react-native for android的windows開發環境
移動應用的開發分為ios和android兩個平台,開發一款應用就需要做兩次不同的開發。而react-native正好解決了這個問題,只需要寫一次代碼,便可生成兩種平台的原生應用。
安裝JDK
推薦安裝jdk1.8版本,從jdk官網下載,
注意對應系統版本x86 or x64 安裝完成後,建議把環境變量配置一下,參考jdk環境配置
JAVA_HOME:
CLASSPATH:
path:
安裝android SDK
下載SDK包,由於google官網被牆了,推薦使用國內鏡像地址下載 解壓縮後使用,打開SDK Manager 以下項目必須存在,且不低於版本:
推薦使用騰訊Bugly的鏡像加速下載,加速下載詳細指南
工具名稱 |
API |
工具版本 |
Android SDK Tools
24.3.4
Android SDK Platfotm-tools
23.0.1
Android SDK Build-tools
23.0.1
SDK Platform
23
1
Intel x86 Atom_64 System Image
23
3
Intel x86 Atom System Image
23
3
Local Maven repository for Support Libraries
26
Android Support Library
23.2
具體如下:
將SDK Platform Tools加入系統環境變量path中
填寫自己SDK的路徑,以下參考
安裝C++環境
推薦從itellyou下載並安裝Visual Studio 2013或2015。
安裝Node.js
從Node.js下載windows安裝包,自行安裝
安裝react-native
打開cmd命令行工具,輸入命令
npm install -g react-native-cli
等待自動安裝 輸入
react-native init AwesomeProject
,自動下載實例。該實例會自動放在 用戶個人文件夾下
C:\Users\username\AwesomeProject
其目錄根據自身用戶名查看 新打開一個cmd,並切換到AwesomProject目錄,執行npm start 如果顯示如圖那樣,證明你服務已經啟動了,在這裡我們可以看到服務的端口是8081.
我們在浏覽器證明服務是否啟動,在浏覽器輸入地址:
http://localhost:8081/index.android.bundle?platform=android
等待浏覽器完成,過程有點卡頓現象。出現下圖,表示成功。
最後編譯運行AwesomeProject,前提確定連接真機Z喎?/kf/ware/vc/" target="_blank" class="keylink">vcsSjxOLG96Os1rTQ0HJlYWN0LW5hdGl2ZSBydW4tYW5kcm9pZDxiciAvPg0KPGltZyBhbHQ9"run-android" src="/uploadfile/Collfiles/20160328/20160328091029283.png" title="\" />
這個過程會自動下載一些需要的jar包,保持網絡通暢.
編譯和運行成功
閱讀官方文檔來學習