成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

在Windows下搭建React Native Android開發環境

2016-09-08 14:32:39來源:React Native中文網作者:

安裝JDK
從Java官網下載JDK并安裝。請注意選擇x86還是x64版本。

安裝JDK

從Java官網下載JDK并安裝。請注意選擇x86還是x64版本。

推薦將JDK的bin目錄加入系統PATH環境變量。

安裝Android SDK

可以單獨安裝Android SDK,也可以通過Eclipse ADT或者Android Studio一并安裝。推薦使用Android Studio,以下說明會默認以Android Studio的方式說明。請注意選擇x86還是x64版本。

為了加速下載,推薦從AndroidDevTools下載。

然后進入SDKManager(可通過Android Studio菜單Tools-Android-SDK Manager),確保以下項目已經安裝并更新到最新:

  • Tools/Android SDK Tools (24.3.3)

  • Tools/Android SDK Platform-tools (22)

  • Tools/Android SDK Build-tools (23.0.1)(這個必須版本嚴格匹配23.0.1)

  • Android 6.0 (API 23)/SDK Platform (1)

  • Extras/Android Support Library(23.0.1)

  • Extras/Android Support Repository

推薦使用騰訊Bugly的鏡像加速下載。查看說明

推薦將SDK的platform-tools子目錄加入系統PATH環境變量。

最后,把ANDROID_HOME環境變量設置為你sdk所在目錄。

安裝C++環境

推薦從itellyou下載并安裝Visual Studio 2013或2015。也可選擇Windows SDK、cygwin或mingw等其他C++環境。編譯node.js的C++模塊時需要用到。
如果使用VS2015,你需要在命令行中設置npm config set msvs_version 2015 --global

安裝git for windows

在這里下載安裝,安裝過程中注意選擇"Run Git from Windows Command Prompt"。

安裝Python

從官網下載并安裝python 2.7.x(3.x版本不行)

安裝node.js

從官網下載node.js的官方4.1版本或更高版本。

建議設置npm鏡像以加速后面的過程(或使用科學上網工具)。

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

安裝react-native命令行工具

npm install -g react-native-cli

創建項目

進入你的工作目錄,運行

react-native init MyProject

并耐心等待數(或數十)分鐘。

運行packager

react-native start

可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本(看到很長的js代碼就對了)。第一次訪問通常需要十幾秒,并且在packager的命令行可以看到形如[====]的進度條。

如果你遇到了ERROR Watcher took too long to load的報錯,請嘗試修改node_modules/react-native/packager/react-packager/src/FileWatcher/index.js,將其中的MAX_WAIT_TIME 從25000改為更大的值(單位是毫秒)

運行模擬器

推薦使用BlueStacks不過要小心它推送的廣告和垃圾應用。

如果有真機,可以不必運行模擬器,要配置好驅動,使得adb devices可以看到對應的設備。

安卓運行

保持packager開啟,另外打開一個命令行窗口,然后在工程目錄下運行

react-native run-android

首次運行需要等待數分鐘并從網上下載gradle依賴。(這個過程屏幕上可能出現很多小數點,表示下載進度。這個時間可能耗時很久,也可能會不停報錯鏈接超時、連接中斷等等——取決于你的網絡狀況和墻的不特定阻斷。總之要順利下載,請使用穩定有效的科學上網工具。)

運行完畢后可以在模擬器或真機上看到應用自動啟動了。

如果apk安裝運行出現報錯,請檢查上文中安裝SDK的環節里所有依賴是否都已裝全,platform-tools是否已經設到了PATH環境變量中,運行adb devices能否看到設備。

至此,應該能看到APP紅屏報錯,這是正常的,我們還需要讓app能夠正確訪問pc端的packager服務。

搖晃設備或按Menu鍵(Bluestacks模擬器按鍵盤上的菜單鍵,通常在右Ctrl的左邊 或者左Windows鍵旁邊),可以打開調試菜單,點擊Dev Settings,選Debug server host for device,輸入你的正在運行packager的那臺電腦的局域網IP加:8081(同時要保證手機和電腦在同一網段,且沒有防火墻阻攔),再按back鍵返回,再按Menu鍵,在調試菜單中選擇Reload JS,就應該可以看到運行的結果了。

如果真實設備白屏但沒有彈出任何報錯,可以在安全中心里看看是不是應用的“懸浮窗”的權限被禁止了。

安卓調試

打開Chrome,訪問 http://localhost:8081/debugger-ui,應當能看到一個頁面。按F12打開開發者菜單。

在模擬器或真機菜單中選擇Debug JS,即可開始調試。

關鍵詞:ReactNativeReact
主站蜘蛛池模板: 玛纳斯县| 周宁县| 汉川市| 芒康县| 汉川市| 宁波市| 金湖县| 拜城县| 莒南县| 务川| 牙克石市| 德令哈市| 垦利县| 固安县| 汪清县| 利津县| 石楼县| 华亭县| 车致| 安西县| 微博| 平武县| 岢岚县| 博罗县| 太保市| 禹城市| 宝应县| 腾冲县| 开原市| 获嘉县| 文昌市| 华阴市| 米泉市| 阳高县| 彩票| 五华县| 聂荣县| 逊克县| 马尔康县| 北宁市| 雷州市|