當(dāng)前位置：首頁(yè) > 嵌入式培訓(xùn) > 嵌入式學(xué)習(xí) > 講師博文 > Cordova 環(huán)境搭建及使用（下篇）
Cordova 環(huán)境搭建及使用（下篇）
時(shí)間：2018-09-26 來源：未知
2.安裝Android Studio
Android Studio下載地址：//www.android-studio.org/。
第一次只下載了Android Studio V1.0，這個(gè)版本是沒有Android SDK的。從上圖所示文件大小可以看出，不帶SDK的只有240MB，帶SDK的要813MB。不帶SDK的版本，直接解壓縮，即可打開使用，會(huì)有如下的初始化步驟，一路Next之后，會(huì)進(jìn)入Downloading Components步驟，而在這個(gè)步驟的時(shí)候，會(huì)由于網(wǎng)絡(luò)問題失敗。
提示：
請(qǐng)?jiān)诎惭bAndroid Studio時(shí)，直接下載帶有SDK版本的安裝包。
下載完成攜帶SDK的android studio安裝包后，雙擊打開。
出現(xiàn)安裝程序界面，點(diǎn)擊下一步。這時(shí)會(huì)出現(xiàn)一個(gè)組件選擇界面，我們可以看到，Android SDK，Android Virtual Machine以及用于硬件加速的Performance都是處于被勾選的狀態(tài)。這三個(gè)組件都是我們將來需要的，所以繼續(xù)點(diǎn)擊下一步。
另一個(gè)需要操作的界面是選擇安裝路徑，可以根據(jù)自己的安裝習(xí)慣，找到對(duì)應(yīng)需要安裝的位置，選擇默認(rèn)安裝地址直接進(jìn)入下一步也是可以的。
然后安裝程序會(huì)說檢測(cè)到你的系統(tǒng)可以將安卓虛擬機(jī)運(yùn)行在加速環(huán)境下，這個(gè)應(yīng)該和電腦的處理器有關(guān)，我的電腦是英特爾的處理器。安裝程序推薦提供512MB的內(nèi)存，如果電腦擁有較大內(nèi)存，可以選擇自定義，將內(nèi)存調(diào)整到1GB。點(diǎn)擊下一步即可，然后點(diǎn)擊“install”按鈕，就可以開始安裝了。
安裝完畢，打開Android Studio。會(huì)出現(xiàn)Fetching Android SDK component information界面，這個(gè)滾動(dòng)條會(huì)滾動(dòng)一段時(shí)間，需要耐心等待。
2.3.1問題：檢查SDK更新失敗
出現(xiàn)了更新SDK components的界面，但是這里總會(huì)出現(xiàn)網(wǎng)絡(luò)連接失敗的問題，造成無法打開Android Studio。可能是被墻的原因，所以無法訪問。
在這里，我采用的方法是跳過這個(gè)檢查步驟，進(jìn)行了如下操作：
在Android Studio安裝目錄下的bin目錄下，找到idea.properties文件，在文件后追加disable.android.first.run=true。
然后就可以順利打開Android Studio了。
2.1 Window中設(shè)置androidSDK環(huán)境變量：
ANDROID_HOME ：E:\AndroidSDK
PATH：%ANDROID_HOME%\tools;
驗(yàn)證：android –h
Window中設(shè)置androidSDK環(huán)境變量：
ANDROID_HOME ：D:\Android\sdk
PATH：;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
驗(yàn)證：adb
用命令行的方式來部署Cordova：
1.安裝 nodejs
下載：//nodejs.org/download/.安裝完畢后需要重啟。
2.添加淘寶鏡像
打開cmd命令行，執(zhí)行：npm install -g cnpm --registry=https://registry.npm.taobao.org
1. 打開.npmrc文件(在用戶主目錄下)
2. registry = //registry.npm.taobao.org
搞定!
2.安裝 cordova
打開cmd命令行，執(zhí)行：cnpm install -g cordova
安裝約10分鐘。
4.創(chuàng)建一個(gè) cordova 工程
cordova create hello com.shj.helloworld helloapp
其中，第一個(gè) hello 是文件夾的名稱;om.shj.helloworld 是app id，第二個(gè) helloapp是工程的名稱，也是應(yīng)用的名稱。
提示下載庫(kù)，請(qǐng)等待。
下載完成。
5.進(jìn)入工程文件夾
cd hello
6.添加平臺(tái)支持
有多種平臺(tái)可選.命令如下：
$ cordova platform add ios
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
$ cordova platform add wp7
$ cordova platform add wp8
$ cordova platform add windows8
此處選擇cordova platform add android
在工程文件夾下輸入該命令：
項(xiàng)目創(chuàng)建完畢。
7.添加插件支持
主要為系統(tǒng)硬件訪問的插件，常見如照相機(jī)、媒體訪問、設(shè)備訪問、加速設(shè)備、定位設(shè)備等。可以動(dòng)態(tài)的按需求去添加，譬如按以下方式添加,，更多插件請(qǐng)去cordova 官網(wǎng)查看。
基本設(shè)備資訊 (設(shè)備 API)：
$ cordova plugin add org.apache.cordova.device
網(wǎng)路連接和電池事件：
$ cordova plugin add org.apache.cordova.network-information
$ cordova plugin add org.apache.cordova.battery-status
相機(jī)、 媒體重播和捕獲：
Cordova plugin add cordova-plugin-camera --save
$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.media-capture
$ cordova plugin add org.apache.cordova.media
訪問設(shè)備或網(wǎng)路 (檔 API) 上的檔：
$ cordova plugin add org.apache.cordova.file
$ cordova plugin add org.apache.cordova.file-transfer
8.構(gòu)建應(yīng)用
cordova build
上圖出現(xiàn)該提示，BUILD成功。即將 hello/www 下的內(nèi)容，構(gòu)建到添加的各平臺(tái)內(nèi)。如 android 平臺(tái)，會(huì)構(gòu)建到此目錄：hello\platforms\android\assets\www。
先看PC直接打開網(wǎng)頁(yè)的效果。
這是未修改配置的啟動(dòng)界面。也就是剛剛PC端打開的網(wǎng)頁(yè)。網(wǎng)頁(yè)就存在android項(xiàng)目asset目錄下面。引用路徑如上圖所示file:///android_asset/www/index.html
通過360手機(jī)助手查看手機(jī)界面，可以看到剛剛的界面已經(jīng)成功引導(dǎo)進(jìn)去了。
在此Cordova的環(huán)境部署已經(jīng)大功告成了。Web開發(fā)人員可以很輕易的開發(fā)移動(dòng)應(yīng)用了。
