Cordova 環(huán)境搭建及使用（下篇）

Android Studio下載地址：http://www.android-studio.org/。

第一次只下載了Android Studio V1.0，這個版本是沒有Android SDK的。從上圖所示文件大小可以看出，不帶SDK的只有240MB，帶SDK的要813MB。不帶SDK的版本，直接解壓縮，即可打開使用，會有如下的初始化步驟，一路Next之后，會進入Downloading Components步驟，而在這個步驟的時候，會由于網(wǎng)絡問題失敗。

提示：

請在安裝Android Studio時，直接下載帶有SDK版本的安裝包。

下載完成攜帶SDK的android studio安裝包后，雙擊打開。

出現(xiàn)安裝程序界面，點擊下一步。這時會出現(xiàn)一個組件選擇界面，我們可以看到，Android SDK，Android Virtual Machine以及用于硬件加速的Performance都是處于被勾選的狀態(tài)。這三個組件都是我們將來需要的，所以繼續(xù)點擊下一步。

另一個需要操作的界面是選擇安裝路徑，可以根據(jù)自己的安裝習慣，找到對應需要安裝的位置，選擇默認安裝地址直接進入下一步也是可以的。

然后安裝程序會說檢測到你的系統(tǒng)可以將安卓虛擬機運行在加速環(huán)境下，這個應該和電腦的處理器有關，我的電腦是英特爾的處理器。安裝程序推薦提供512MB的內存，如果電腦擁有較大內存，可以選擇自定義，將內存調整到1GB。點擊下一步即可，然后點擊“install”按鈕，就可以開始安裝了。

安裝完畢，打開Android Studio。會出現(xiàn)Fetching Android SDK component information界面，這個滾動條會滾動一段時間，需要耐心等待。

2.3.1問題：檢查SDK更新失敗

出現(xiàn)了更新SDK components的界面，但是這里總會出現(xiàn)網(wǎng)絡連接失敗的問題，造成無法打開Android Studio。可能是被墻的原因，所以無法訪問。

在這里，我采用的方法是跳過這個檢查步驟，進行了如下操作：

在Android Studio安裝目錄下的bin目錄下，找到idea.properties文件，在文件最后追加disable.android.first.run=true。

然后就可以順利打開Android Studio了。

2.1 Window中設置androidSDK環(huán)境變量：

ANDROID_HOME ：E:AndroidSDK

PATH：%ANDROID_HOME%tools;

驗證：android –h

Window中設置androidSDK環(huán)境變量：

ANDROID_HOME ：D:Androidsdk

PATH：;%ANDROID_HOME%platform-tools;%ANDROID_HOME%tools;

驗證：adb

用命令行的方式來部署Cordova：

1.安裝 nodejs

下載：http://nodejs.org/download/.安裝完畢后需要重啟。

2.添加淘寶鏡像

打開cmd命令行，執(zhí)行：npm install -g cnpm --registry=https://registry.npm.taobao.org

1. 打開.npmrc文件(在用戶主目錄下)

2. registry = http://registry.npm.taobao.org

搞定!

2.安裝 cordova

打開cmd命令行，執(zhí)行：cnpm install -g cordova

安裝約10分鐘。

4.創(chuàng)建一個 cordova 工程

cordova create hello com.shj.helloworld helloapp

其中，第一個 hello 是文件夾的名稱;om.shj.helloworld 是app id，第二個 helloapp是工程的名稱，也是應用的名稱。

提示下載庫，請等待。

下載完成。

5.進入工程文件夾

cd hello

6.添加平臺支持

有多種平臺可選.命令如下：

$ 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

在工程文件夾下輸入該命令：

項目創(chuàng)建完畢。

7.添加插件支持

主要為系統(tǒng)硬件訪問的插件，常見如照相機、媒體訪問、設備訪問、加速設備、定位設備等。可以動態(tài)的按需求去添加，譬如按以下方式添加,，更多插件請去cordova 官網(wǎng)查看。

基本設備資訊 (設備 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

相機、 媒體重播和捕獲：

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

訪問設備或網(wǎng)路 (檔 API) 上的檔：

$ cordova plugin add org.apache.cordova.file

$ cordova plugin add org.apache.cordova.file-transfer

8.構建應用

cordova build

上圖出現(xiàn)該提示，BUILD成功。即將 hello/www 下的內容，構建到添加的各平臺內。如 android 平臺，會構建到此目錄：helloplatformsandroidassetswww。

先看PC直接打開網(wǎng)頁的效果。

這是未修改配置的啟動界面。也就是剛剛PC端打開的網(wǎng)頁。網(wǎng)頁就存在android項目asset目錄下面。引用路徑如上圖所示file:///android_asset/www/index.html

通過360手機助手查看手機界面，可以看到剛剛的界面已經(jīng)成功引導進去了。

在此Cordova的環(huán)境部署已經(jīng)大功告成了。Web開發(fā)人員可以很輕易的開發(fā)移動應用了。