由于接手了一個項目丈秩,里面用到了cordova淳衙,于是乎蘑秽,就去研究了一下cordova箫攀。這篇博客肠牲,原創(chuàng)的內容不是太多,更多的是記錄靴跛,因為我在配置過程中參考了以下兩篇文章缀雳,圖片資源也引用了不少汤求。以下操作是基于windows俏险。
cordova入門教程
Android培訓實戰(zhàn)教程之使用Cordova框架開發(fā)Android Hybrid App
一扬绪、安裝node.js
直接去官網(wǎng)下載安裝就好,注意安裝時要選上npm莹痢。在cmd中輸入npm -version,如果出現(xiàn)了版本號竞膳,那么就表明安裝成功了:
二诫硕、安裝cordova
在cmd中輸入如下命令:
npm install -g cordova
然而坦辟,由于國內網(wǎng)絡的原因章办,很難等到我們想要的結果滨彻,此時挪蹭,可以切換到淘寶的npm,輸入如下命令:
npm config set registry https://registry.npm.taobao.org
再輸入:npm info underscore 梁厉,如果上一步無誤,那么應有如下信息:
重新輸入第一步的安裝命令進行安裝八秃。成功之后计技,可以使用如下命令查看cordova版本號:
cordova -v
在這一步喜德,可能出現(xiàn)無法識別此命令的情況垮媒,此時,請檢查node.js睡雇,npm的環(huán)境變量是否配置好了萌衬。
三、創(chuàng)建cordova項目
使用如下命令行創(chuàng)建項目:
cordova create hello com.example.helloworld HelloWorld
cordova目錄結構:
后續(xù)的操作需要在項目根目錄下進行它抱,所以首選使用命令行進入到根目錄。
使用如下命令添加平臺并保存配置:
cordova platform add ios --save
cordova platform add android --save
成功后混移,platforms文件夾中會生成對應平臺的工程文件:
使用如下命令進行打包:
cordova build android
這一步侮穿,有的朋友可能會出現(xiàn)命令無法識別,請檢查自己的ANDROID_HOME環(huán)境變量是否配置亲茅,比如我的配置為:
F:\adt-bundle-windows-x86_64-20130917\sdk
系統(tǒng)變量Path也需要加上這一句:
%ANDROID_HOME%\platform-tools
打包的時候很可能會卡住,原因是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路徑
這是第一篇文章的作者提出的袭祟,真是機智!
當然巾乳,這里也可以使用直接配置環(huán)境變量:
GRADLE_HOME=E:\xxx\xxx\gradle-2.2.1//自己的gradle路徑
修改后再次打包故俐,即可生成apk紊婉。