iOS下JS與OC互相調用(七)--Cordova 基礎

小編:管理員 275閱讀 2022.09.13

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工程結構

從下面這幅圖可以看出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 <platform name>
復制

例如我們需要支持瀏覽器,那么就輸入:

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 <platform name>
復制

例如,我想在瀏覽器中運行 App,我就在終端里輸入:

cordova run browser
復制

然后,就會打開瀏覽器,就會運行App。下面是我的命令和運行效果圖:

當然,如果我們想要在iOS 上運行 App,我們也可以輸入:

cordova run ios
復制

也可以到指定目錄下打開iOS 工程文件

查看更多的關于運行App 的命令,可以輸入cordova help run。

關聯標簽:
亚洲国产欧美图片,亚洲aⅴ在线av,日韩亚洲综合图片视频,日本av精品在线中文