Hello,codorva

由于接手了一個(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)了版本號,那么就表明安裝成功了:

npm版本號

二、安裝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)有如下信息:

npm 信息

重新輸入第一步的安裝命令進(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):

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。

寫本文時(shí)距離我配置環(huán)境也過去不少時(shí)間,可能忽略了一些細(xì)節(jié),歡迎指教和探討,也再次感謝兩篇文章的作者!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容