使用cordova打包app(ios)流程

注:本文主要介紹cordova的安裝及創(chuàng)建項目

1 Cordova簡介

1.1 Cordova是什么

Cordova前身是phonegap,而PhoneGap是Nitobi軟件公司2008年推出的一個框架,旨在彌補(bǔ)web和iOS之間的不足,使得web和iPhone SDK之間的交互更容易。后來又加入了Android SDK 和BlackBerry SDK,再然后又陸續(xù)加入了更多的平臺。但是在2011年,Nitobi公司被Adobe收購,PhoneGap也被提交到Apache Incubator。由于Adobe現(xiàn)在擁有PhoneGap商標(biāo),PhoneGap v2.0版產(chǎn)品就更名為Apache Cordova。據(jù)說Cordova是Nitobi團(tuán)隊當(dāng)時坐落的街道名稱,用此名來紀(jì)念Nitobi團(tuán)隊的貢獻(xiàn)。Apache Cordova是從PhoneGap中抽出的核心代碼,是驅(qū)動PhoneGap的核心引擎。

1.2 Cordova的工程結(jié)構(gòu)

cordova工程結(jié)構(gòu)圖

2.cordova的安裝

2.1 安裝Node.js

要安裝Cordova,需要先安裝Node.js在Node.js官網(wǎng),上下載并安裝,下載好以后,一步一步點擊下去就好,可以的老鐵,沒毛病。

2.2 安裝git

git一般不用安裝,osx和linux都自帶git,可以在命令行輸入git --version檢查一下。如果沒有g(shù)it,需要到git官網(wǎng)下載安裝一個git客戶端。

2.3.檢查node npm

安裝好node,git,檢查node,npm的版本(打開終端時注意,系統(tǒng)帳號權(quán)限,使用管理員身份登陸的)已安裝的請忽略以上2 步。

node? -v

npm -v

檢查node,npm版本


使用node.js的依賴包管理工具npm來進(jìn)行cordova安裝(在安裝之前確認(rèn)是否受權(quán)限限制)使用? sudo -s 切換至管理員狀態(tài)。

切換權(quán)限

sudo -s

2.4安裝cordova,

npm? install? -g? cordova

安裝cordova

因為本人是第二次安裝,可能圖示稍微有點不同,不過基本如此,無傷大雅。

2.5檢查cordova是否安裝成功

檢查自己是否安裝成功cordova,出現(xiàn)版本號就是安裝成功啦!

cordova -v

檢查cordova版本

3.創(chuàng)建你的第一個cordova項目

3.1新建項目

cordova create Demo com.YanSY.demo.hello HelloWorld


參考:

Cordova create 命令參考文檔

Cordova項目目錄結(jié)構(gòu)

3.2添加支持平臺(我們這里只介紹ios的平臺)

所有后續(xù)命令在項目的目錄中進(jìn)行,可在該項目任何子目錄中,cmd切換到項目目錄下:

cd? Demo


在構(gòu)建項目之前,你需要指定一組目標(biāo)平臺。你能夠運(yùn)行這些命令取決于您的機(jī)器是否支持每一個SDK,合理是否已安裝SDK。在MAC上運(yùn)行命令:

cordova? platform add ios


添加ios平臺
ios目錄地址

如果需要查看Cordova支持平臺以及已經(jīng)添加的平臺,終端輸入命令:

cordova platform ls

刪除已添加的平臺:

cordova? platform? rm? ios

3.3添加插件

cordova plugin add com.phonegap.plugins.barcodescanner

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

cordova plugin ls

并非所有的插件都是全平臺支持的,有些可能只支持安卓,也有的可能同時支持安卓和iOS,所以在多平臺開發(fā)時,請慎重選擇插件。個人建議,可自定義插件類,可參考官網(wǎng)Cordova自定義插件。

參考:cordova插件庫

3.4 迭代項目

在工程目錄下運(yùn)行下面的命令來構(gòu)建項目:

cordova? builb

注意:若是只添加了一種平臺此時構(gòu)建項目時應(yīng)該輸入 cordova build ios


項目構(gòu)建成功

4.運(yùn)行項目

4.1在xcode中運(yùn)行

步驟走完第三章,那么,一個簡單的Cordova項目就已經(jīng)搭建完成了,現(xiàn)在,我們運(yùn)行下我們工程。打開目錄下

4.2EventsCordova生命周期事件


cordova的生命周期

4.3Plugin APIs自定義Plugin方法

附錄:

下一章主要介紹如何xcode的一些配置方法及注意的坑,如果有需要的可以看看。

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

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

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