iOS下JS與OC互相調用（七）--Cordova 基礎

在介紹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工程的結構，以及與Native API 之前的關系。

摘自官網

官網中也把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。