由于在做極光推送,前端使用的框架是reactnative,后臺寫好后為了測試一下,所以按照react官方的教程搭了遍react.
開發環境:
1.windows 7(建議各位如果開發react的最好還是買臺mac,一臺mac給你打價值遠遠大于mac機器自身的價值)
2.安裝jdk 1.8,配置環境變量
3.安裝安卓sdk，可以下載安卓studio
4.安裝python,node.js
5.測試reactdemo在網頁上是否可以打開
5.安裝安卓studio，配置sdk為23并導入reactdemo
6.打包成apk安裝到手機
7.關于ios,需要有mac電腦，安裝xcode,這里由于手上沒有mac設備就不做介紹，可以參考其他文章
安裝python2
首先打開cmd,運行choco install python2安裝python
image.png
image.png
安裝node,執行指令choco install nodejs.install
image.png
image.png
然后執行指令:npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
然后安裝全局模塊
npm install -g yarn react-native-cli 下載react-native的demo
react-native init reactdemo
注意:不要執行中文路徑名，也不要在中文路徑下安裝項目
環境裝好以后需要安裝java，jdk1.8，并配置java環境變量，以及安裝安卓的sdk，由于我電腦上面已經有這環境了，故這里不做說明。
jdk1.8安裝地址
image.png
demo的根路徑
image.png
node_modules是node.js的目錄，主要是用來當作服務器使用(就是java當中的tomcat)
image.png
如果出現上圖說明我們的配置已經完成。
接下來需要安裝安卓studio，以及配置sdk23，還有在ios上安裝xcode。
首先需要先安裝git,可以參考idea和Webstorm上使用git和github,碼云,這里面詳細說明了git，github的使用以及安裝。
Genymotion
比起Android Studio自帶的原裝模擬器，Genymotion是一個性能更好的選擇，但它只對個人用戶免費。
- 下載和安裝Genymotion（genymotion需要依賴VirtualBox虛擬機，下載選項中提供了包含VirtualBox和不包含的選項，請按需選擇）。
- 打開Genymotion。如果你還沒有安裝VirtualBox，則此時會提示你安裝。
- 創建一個新模擬器并啟動。
- 啟動React Native應用后，可以按下F1來打開開發者菜單。
Visual Studio Emulator for Android是利用了Hyper-V技術進行硬件加速的免費android模擬器。也是Android Studio自帶的原裝模擬器之外的一個很好的選擇。而且你并不需要安裝Visual Studio。 在用于React Native開發前，需要先在注冊表中進行一些修改：
- 打開運行命令（按下Windows+R鍵）
- 輸入
regedit.exe然后回車 - 在注冊表編輯器中找到
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools條目 - 右鍵點擊
Android SDK Tools，選擇新建 > 字符串值 - 名稱設為
Path - 雙擊
Path，將其值設為你的Android SDK的路徑。（例如C:\Program Files\Android\sdk）
<a class="anchor" name="%E6%B5%8B%E8%AF%95%E5%AE%89%E8%A3%85" style="box-sizing: border-box; background-color: transparent; color: rgb(51, 122, 183); text-decoration: none; position: relative; top: -70px;"></a>測試安裝
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
如果你在設備上看到了紅屏報錯，請參閱在設備上運行。
提示：你可以使用
--version參數創建指定版本的項目。例如react-native init MyApp --version 0.44.3。注意版本號必須精確到兩個小數點。
Windows用戶請注意，請不要在命令行默認的System32目錄中init項目！會有各種權限限制導致不能運行！
修改項目
現在你已經成功運行了項目，我們可以開始嘗試動手改一改了：
- 使用你喜歡的文本編輯器打開
App.js并隨便改上幾行 - 按兩下R鍵，或是用Menu鍵（通常是F2，在Genymotion模擬器中是
?+M）打開開發者菜單，然后選擇 Reload JS 就可以看到你的最新修改。 - 在終端下運行
adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應用的日志。
react中文官方站地址
image.png
