由于接手了一個(gè)項(xiàng)目,里面用到了cordova,于是乎,就去研究了一下cordova。這篇博客,原創(chuàng)的內(nèi)容不是太多,更多的是記錄,因?yàn)槲以谂渲眠^程中參考了以下兩篇文章,圖片資源也引用了不少。以下操作是基于windows。
cordova入門教程
Android培訓(xùn)實(shí)戰(zhàn)教程之使用Cordova框架開發(fā)Android Hybrid App
一、安裝node.js
直接去官網(wǎng)下載安裝就好,注意安裝時(shí)要選上npm。在cmd中輸入npm -version,如果出現(xiàn)了版本號,那么就表明安裝成功了:

二、安裝cordova
在cmd中輸入如下命令:
npm install -g cordova
然而,由于國內(nèi)網(wǎng)絡(luò)的原因,很難等到我們想要的結(jié)果,此時(shí),可以切換到淘寶的npm,輸入如下命令:
npm config set registry https://registry.npm.taobao.org
再輸入:npm info underscore ,如果上一步無誤,那么應(yīng)有如下信息:

重新輸入第一步的安裝命令進(jìn)行安裝。成功之后,可以使用如下命令查看cordova版本號:
cordova -v
在這一步,可能出現(xiàn)無法識別此命令的情況,此時(shí),請檢查node.js,npm的環(huán)境變量是否配置好了。
三、創(chuàng)建cordova項(xiàng)目
使用如下命令行創(chuàng)建項(xiàng)目:
cordova create hello com.example.helloworld HelloWorld
cordova目錄結(jié)構(gòu):

后續(xù)的操作需要在項(xiàng)目根目錄下進(jìn)行,所以首選使用命令行進(jìn)入到根目錄。
使用如下命令添加平臺并保存配置:
cordova platform add ios --save
cordova platform add android --save
成功后,platforms文件夾中會(huì)生成對應(yīng)平臺的工程文件:

使用如下命令進(jìn)行打包:
cordova build android
這一步,有的朋友可能會(huì)出現(xiàn)命令無法識別,請檢查自己的ANDROID_HOME環(huán)境變量是否配置,比如我的配置為:
F:\adt-bundle-windows-x86_64-20130917\sdk
系統(tǒng)變量Path也需要加上這一句:
%ANDROID_HOME%\platform-tools
打包的時(shí)候很可能會(huì)卡住,原因是cordova自己去下載gradle,我們可以到..\platforms\android\cordova\lib\builders文件下找到GradleBuilder.js文件將
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'http\\://services.gradle.org/distributions/gradle-2.13-all.zip';
改為:
var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'file:///C:/Users/User/Desktop/gradle-2.13-all.zip';//自己的gradle路徑
這是第一篇文章的作者提出的,真是機(jī)智!
當(dāng)然,這里也可以使用直接配置環(huán)境變量:
GRADLE_HOME=E:\xxx\xxx\gradle-2.2.1//自己的gradle路徑
修改后再次打包,即可生成apk。