摘要：閉上眼睛，心中默念一百遍遍馬力馬力轟，再睜開(kāi)眼，如果你是安卓及以上系統(tǒng)，你就能在你手機(jī)上看到你第一個(gè)應(yīng)用了圖，如果是以下，嘿嘿，一個(gè)血紅血紅的界面，不過(guò)沒(méi)關(guān)系，我們來(lái)糾正它。

????????前期準(zhǔn)備工作已經(jīng)完成，接下來(lái)將正式進(jìn)入開(kāi)發(fā)了，請(qǐng)深呼吸下，呵呵。我們首先寫(xiě)個(gè)Hello World工程來(lái)練練手。
????????在命令行上點(diǎn)右鍵，選擇以管理員身份運(yùn)行。建議每次運(yùn)行命令行的時(shí)候都用管理員身份運(yùn)行，否則你經(jīng)常會(huì)碰到權(quán)限之類(lèi)的錯(cuò)誤。
????????再切換到你的開(kāi)發(fā)目錄，保證你的網(wǎng)絡(luò)是順暢的，在命令行運(yùn)行（圖1）：

react-native init HelloWorld

你就開(kāi)始耐心的等待吧，一般都要等10多分鐘。這其中可能會(huì)遇到諸如shasum check failed此類(lèi)錯(cuò)誤（也基本上是網(wǎng)絡(luò)原因?qū)е碌模?，重新運(yùn)行下react-native init HelloWorld即可。

????????項(xiàng)目初始化成功后，你會(huì)發(fā)現(xiàn)在你的開(kāi)發(fā)目錄下多了一個(gè)HelloWorld目錄，這個(gè)就是你的RN工程了。接下來(lái)的事情就都是在這個(gè)目錄下操作。用記事本打開(kāi)該目錄下的的androidappuild.gradle文件，找到

android {
    compileSdkVersion 22
    buildToolsVersion "23.0.1"
       defaultConfig {
        applicationId "com.poemproject"
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        } 
    }
    ... 
    

將compileSdkVersion 后面的數(shù)字改成你在上一篇環(huán)境配置中API本版號(hào)，比如我前面選的是23，這里應(yīng)該將22改成23。將buildToolsVersion后面引號(hào)里的數(shù)字改成你的Android SDK Build-tools版本號(hào)，我前面選的是24，所以這里把23.0.1改成24.0.0。后面一定要加.0.0，否則就會(huì)找報(bào)錯(cuò)，這個(gè)版本號(hào)對(duì)應(yīng)Android SDK目錄下build-tools目錄下對(duì)應(yīng)的目錄。

????????查看android目錄下有無(wú)local.properties文件，如果沒(méi)有的話就用記事本新建一個(gè)，然后在里面輸入：

sdk.dir=D:JDKSandroid-sdk_r24.4.1-windowsandroid-sdk-windows

將目錄改成你實(shí)際android sdk的目錄即可

????????連接你的手機(jī)，將USB連接選項(xiàng)改成相機(jī)（PTP）連接。確保USB調(diào)試模式打開(kāi)。然后在命令行運(yùn)行adb devices再檢測(cè)下是否能夠正常識(shí)別到你的設(shè)備，如果能正常識(shí)別就切換到HelloWorld目錄，然后運(yùn)行：

react-native run-android

系統(tǒng)會(huì)默認(rèn)另外打開(kāi)一個(gè)命令行窗口運(yùn)行package server（圖4）。（當(dāng)然你也可以先手動(dòng)運(yùn)行react-native start打開(kāi)package server,然后再新開(kāi)一個(gè)命令行運(yùn)行react-native run-android也行)。又是一陣漫長(zhǎng)的等待（在這里如果你的安卓系統(tǒng)版本5.0或以上，react-native run-android默認(rèn)會(huì)執(zhí)行adb reverse tcp:8081 tcp:8081這個(gè)命令，這樣手機(jī)就能訪問(wèn)開(kāi)發(fā)服務(wù)器了，如果沒(méi)有執(zhí)行，你就手動(dòng)在命令行執(zhí)行adb reverse tcp:8081 tcp:8081，然后再運(yùn)行react-native run-android）。如果你的安卓版本低于5.0，就無(wú)須進(jìn)行此操作，后續(xù)再來(lái)設(shè)置。在下載過(guò)程中可能會(huì)因?yàn)榫W(wǎng)絡(luò)原因?qū)е耮radle-2.4-all.zip文件（也可能是其它版本）下載或者解壓失敗，你可以按照?qǐng)?bào)錯(cuò)信息手動(dòng)下載https://services.gradle.org/d...這個(gè)文件，然后解壓到相應(yīng)目錄下（一般在C:Users用戶(hù)名.gradlewrapperdistsgradle-2.4-all隨機(jī)目錄下面），然后重新運(yùn)行react-native init HelloWorld即可。當(dāng)然最好的辦法是把gradle-2.4-all.zip放到自己的web服務(wù)器上,然后修改androidgradlewrappergradle-wrapper.properties文件中distributionUrl后面的地址為你web服務(wù)器上的文件地址，這可以大大加快下載速度。

????????閉上眼睛，心中默念一百遍遍馬力馬力轟，再睜開(kāi)眼，如果你是安卓5.0及以上系統(tǒng)，你就能在你手機(jī)上看到你第一個(gè)RN應(yīng)用了（圖3），如果是5.0以下，嘿嘿，一個(gè)血紅血紅的界面，不過(guò)沒(méi)關(guān)系，我們來(lái)糾正它。確保新開(kāi)的那個(gè)命令行窗口中package server正在運(yùn)行中（圖4），如果報(bào)錯(cuò)停止了，你就在HelloWorld目錄下重新運(yùn)行react-native start以打開(kāi)此服務(wù)。然后確保手機(jī)開(kāi)啟WIFI并跟電腦是在同一個(gè)網(wǎng)段內(nèi)，一定要在同一網(wǎng)段內(nèi)哦，然后搖動(dòng)下你的手機(jī)，在彈出的菜單中選擇Dev Settings（圖2），然后選擇Debug server host& port for device，在輸入框里輸入你電腦的ip地址和端口號(hào)8081（端口號(hào)是固定死的），比如192.168.10.1:8081，點(diǎn)確定，再搖動(dòng)下設(shè)備，在彈出的菜單里選Reload，你就可以看到正常的RN界面了（圖3）。編譯過(guò)程中也可能會(huì)報(bào)一些莫名其妙的錯(cuò)誤，你可以根據(jù)報(bào)錯(cuò)提示來(lái)解決，一些比如拒絕訪問(wèn)等之類(lèi)的錯(cuò)誤等則只要重新運(yùn)行下react-native run-android一般就能解決了。

????????接下來(lái)我們改點(diǎn)什么東西吧，用記事本打開(kāi)根目錄下的index.android.js，然后把Welcome to React Native!改成Hello World!保存后，再搖一搖手機(jī)，點(diǎn)Reload，你就會(huì)發(fā)現(xiàn)歡迎的界面變了，是不是很簡(jiǎn)單，是不是很爽，是不是很酷，哈！

????????PS:一定要記得以管理員身份運(yùn)行所有命令行哦