iOS下JS與OC互相調用(七)--Cordova 基礎
小編:管理員 472閱讀 2022.09.13
在介紹Cordova之前,必須先提一下PhoneGap。PhoneGap 是Nitobi軟件公司2008年推出的一個框架,旨在彌補web 和iOS 之間的不足,使得web 和 iPhone SDK 之間的交互更容易。后來又加入了Android SDK 和BlackBerry SDK,再然后又陸續加入了更多的平臺。 但是在2011年,Nitobi公司被Adobe收購,PhoneGap也被提交到Apache Incubator。由于Adobe現在擁有PhoneGap商標,PhoneGap v2.0版產品就更名為Apache Cordova。 據說Cordova是Nitobi團隊當時坐落的街道名稱,用此名來紀念Nitobi團隊的貢獻。Apache Cordova是從PhoneGap中抽出的核心代碼,是驅動PhoneGap的核心引擎。

上圖是目前Cordova支持的平臺,摘自Cordova官網,它們分別是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。
Cordova工程結構從下面這幅圖可以看出Cordova工程的結構,以及與Native API 之前的關系。

摘自官網
Get Started Fast官網中也把Cordova 的使用劃分了一些步驟。按照這五個步驟,可以很容易的創建一個Cordova Demo 工程起來,但是實際的使用要比這個Demo 工程復雜的多。
** 1. 安裝Cordova ** Cordova 命令行需要運行在 Node.js 上,在 NPM 也可用。我們可以按照 platform specific guides 去安裝別的依賴平臺。因此,在安裝Cordova之前,要先安裝Node.js 和 NPM(可以參考文章Mac 下安裝Node.js)。打開命令行提示符(Windows 下) 或者 終端 (Mac 下),然后輸入npm install -g cordova即可安裝Cordova。
如果安裝失敗,看到下面的錯誤提示信息,說明我們要用管理員身份安裝。

以管理員身份安裝Cordova的命令:
sudo npm install -g cordova復制
安裝過程可能比較慢,安裝成功后,可以看到類似如下的目錄結構,并且沒有錯誤信息:

** 2.創建一個工程 ** 用命令行工具創建一個空的Cordova工程。首先跳轉到 你希望保存新工程的文件夾(命令是cd 文件夾路徑),然后輸入命令cordova create 工程名。 當然,我們也可以直接 輸入命令cordova create 文件夾路徑/工程名,在某個文件夾下直接創建工程。 查看更多的創建工程命令,可以輸入命令cordova help create。
我在終端中輸入如下命令:
cordova create /Users/harvey/Desktop/Other/MyApp復制
然后在Other 文件夾中就創建了一個叫MyApp的文件夾: 目錄結構如下:

** 3.添加平臺 ** 創建完Cordova 工程之后,跳轉到工程文件夾(命令是cd 文件夾路徑)。 我這里使用的命令是:
cd /Users/harvey/Desktop/Other/MyApp復制
然后在這個文件夾中,我們需要添加一個 App 需要支持的平臺。 添加一個平臺,需要輸入命令:
cordova platform add復制
例如我們需要支持瀏覽器,那么就輸入:
cordova platform add browser復制
如果我們需要支持iOS,那么就輸入:
cordova platform add ios復制
注意ios 要小寫。
查看Cordova可以支持的平臺,可以輸入 :
cordova platform復制
我輸入cordova platform之后,終端顯示的結果:
HarveydeMac-mini:MyApp harvey$ cordova platform Installed platforms: browser 4.1.0 ios 4.2.1 Available platforms: amazon-fireos ~3.6.3 (deprecated) android ~5.2.0 blackberry10 ~3.8.0 firefoxos ~3.6.3 osx ~4.0.1 webos ~3.7.0復制
Installed platforms是我已經安裝過的平臺,Available platforms是還可以安裝的平臺。
** 4.運行 App ** 使用命令行工具,運行App的命令是:
cordova run復制
例如,我想在瀏覽器中運行 App,我就在終端里輸入:
cordova run browser復制
然后,就會打開瀏覽器,就會運行App。下面是我的命令和運行效果圖:

當然,如果我們想要在iOS 上運行 App,我們也可以輸入:
cordova run ios復制
也可以到指定目錄下打開iOS 工程文件

查看更多的關于運行App 的命令,可以輸入cordova help run。
相關推薦
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS構建移動應用的平臺。我們可以認為Cordova是一個容器,用于將我們的網絡應用程序與本機移動功能連接。默認情況下,Web應用程序不能使用本機移動功能。這就是Cordova進來的地方。它為網絡應用和移動設備之間的連…
- Hibernate Criterion 在查詢方法設計上能夠靈活的依據Criteria的特點來方便地進行查詢條件的組裝.Hibernate設計了CriteriaSpecification作為Criteria的父接口,以下提供了Criteria和DetachedCriteria.Criteria和DetachedCriteria的主要差別在于創建的形式不一樣,Criteria是在線的,所…