cordova入門教程(一)

安裝cordova cli

1、下載安裝node.js(js的運行環(huán)境)萌京,安裝時勾選npm(js包的管理工具)雁歌。
2、下載安裝git(配置好環(huán)境變量)知残。
3靠瞎、使用npm安裝cordova。

  • 在os或Linux上
$ sudo npm install -g cordova
  • 在Windows上
C:\>npm install -g cordova

創(chuàng)建App

創(chuàng)建cordova項目

$ cordova create hello com.example.hello HelloWorld

創(chuàng)建出來的工程目錄如下圖所示

cordova工程目錄

添加平臺

后續(xù)的命令都需要在cordova工程目錄下進行求妹,所以先進到工程根目錄

cd hello

添加目標平臺乏盐,以下命令行添加了ios和Android平臺,并保存到根目錄下的config.xml配置文件中

cordova platform add ios --save
cordova platform add android --save

添加目標平臺需要的時間可能跟網(wǎng)絡速度有關制恍,下圖是cmd添加Android平臺的截圖:

添加Android平臺.png

成功后父能,在cordova工程中的platforms文件夾中生成對應平臺的工程文件。


各平臺工程文件.png

通過下面的命令查看已添加的平臺

cordova platform ls

對應平臺環(huán)境搭建

打包净神,編譯和運行app何吝,需要搭建各個平臺的開發(fā)和運行環(huán)境,如果只是開發(fā)前端項目無需各平臺環(huán)境鹃唯。這里先放上cordova官網(wǎng)上各平臺環(huán)境的要求:

打包App

創(chuàng)建cordova工程的時候岔霸,生成的www文件夾為前端工程的放置的位置,目錄基于web應用架構,如下圖所示:


前端工程目錄.png

index.html為混合App的入口俯渤,一些初始化要放在www/js/index.js文件中的deviceready中。前端工程開發(fā)完成后就可以打包成對應各平臺的App了型宝。

cordova build

可以打包指定的平臺

cordova build ios

更多的打包指令
Cordova build command reference documentation
當然打包的時候可能會出現(xiàn)一些問題八匠,比如:


雖然你裝了gradle了但cordova還是要去再下一個,而且下個半天下不下來趴酣。我們可以到..\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路徑

修改后再次打包梨树,就生成apk了(其他問題待補充...),下圖為打包成功后cmd的提示:


最后到該目錄拿到apk岖寞,或者使用下面的命令行就可以運行App了

cordova run android
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末抡四,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子仗谆,更是在濱河造成了極大的恐慌指巡,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件隶垮,死亡現(xiàn)場離奇詭異藻雪,居然都是意外死亡,警方通過查閱死者的電腦和手機狸吞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門勉耀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來指煎,“玉大人,你說我怎么就攤上這事便斥≈寥溃” “怎么了?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵枢纠,是天一觀的道長像街。 經(jīng)常有香客問我,道長京郑,這世上最難降的妖魔是什么宅广? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮些举,結果婚禮上跟狱,老公的妹妹穿的比我還像新娘。我一直安慰自己户魏,他們只是感情好驶臊,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著叼丑,像睡著了一般关翎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鸠信,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天纵寝,我揣著相機與錄音,去河邊找鬼星立。 笑死爽茴,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的绰垂。 我是一名探鬼主播室奏,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼劲装!你這毒婦竟也來了胧沫?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤占业,失蹤者是張志新(化名)和其女友劉穎绒怨,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谦疾,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡窖逗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了餐蔬。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碎紊。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡佑附,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出仗考,到底是詐尸還是另有隱情音同,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布秃嗜,位于F島的核電站权均,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏锅锨。R本人自食惡果不足惜叽赊,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望必搞。 院中可真熱鬧必指,春花似錦、人聲如沸恕洲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霜第。三九已至葛家,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泌类,已是汗流浹背癞谒。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留刃榨,地道東北人扯俱。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像喇澡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子殊校,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容