一、Cordova
1、Cordova 概述
- Cordova 是使用 HTML,CSS 和 JavaScript 構建混合移動應用程序的平臺
2、Cordova 特征
(1)命令行界面(Cordova CLI)
- 這是可用于啟動項目,構建不同平臺的進程,安裝插件和許多其他有用的東西,使開發過程更容易的工具
(2)Cordova 核心組件
- Cordova 提供了每個移動應用程序所需的核心組件,這些組件將用于創建應用程序的基礎,所以我們可以花更多的時間來實現我們自己的邏輯
(3)Cordova 外掛程式
- Cordova 提供的 API 將用于實現本地移動功能到我們的 JavaScript 應用程序
(4)許可證
- Cordova 按照 Apache 許可證 2.0 版授權,Apache 和 Apache 羽毛標志是 Apache 軟件基金會的商標
3、Cordova 優勢
-
Cordova 為構建混合移動應用程序提供了一個平臺,因此我們可以開發一個應用程序,將在不同的移動平臺 IOS、Android、Windows Phone、Amazon-fireos、黑莓、Firefox OS、Ubuntu 和 Tizien上使用
-
開發混合應用程序比原生應用程序更快,所以 Cordova 可以節省大量的開發時間
-
由于我們在使用 Cordova 時使用 JavaScript,我們不需要學習平臺特定的編程語言
-
有大量的社區插件可以與 Cordova 一起使用,許多庫和框架都經過優化以便使用它
4、Cordova 限制
-
混合應用程序比本地應用程序慢,因此對于需要大量數據和功能的大型應用程序使用 Cordova 不是最佳選擇
-
跨瀏覽器兼容性可能會產生很多問題,大多數時候,我們為不同的平臺構建應用程序,測試和優化可能需要很多時間,因為我們需要覆蓋大量的設備和操作系統
-
某些插件與不同的設備和平臺存在兼容性問題,還有一些 Cordova 尚不支持的本機 API
二、Cordova 環境配置
1、準備階段
- 在我們開始使用 Cordova 之前,我們需要安裝一些組件
序號 | 軟件 | 描述 |
---|---|---|
1 | NodeJS 和 NPM | NodeJS 是 Cordova 開發所需的平臺 |
2 | Android SDK | 對于 Android 平臺,需要在機器上安裝 Android SDK |
3 | Gradle | 下載地址:https://gradle.org/releases/ |
4 | Git | 即使你不使用 Git,也應該安裝,因為 Cordova 會使用它的一些后臺進程 |
2、環境變量配置(待完善)
變量 | 值(按照實際情況配置) |
---|---|
JAVA_HOME | D:\environment\jdk1.8.0_152 |
ANDROID_SDK_ROOT | D:\environment\SDK |
3、Cordova 安裝
- 此步驟將在全球下載并安裝 Cordova 模塊,在 CMD 中運行以下命令
npm install -g cordova
- 檢查安裝的版本
cordova -v
三、Cordova 第一個應用程序
1、創建應用程序
- 在 CMD 中打開要在其中安裝應用程序的目錄,創建應用程序
cordova create CordovaProject io.cordova.hellocordova CordovaApp
參數 | 說明 |
---|---|
CordovaProject | 創建應用程序的目錄名稱 |
io.cordova.hellocordova | 是默認的反向域值,如果可能,應該使用自己的域值 |
CordovaApp | 應用的標題 |
2、平臺的添加與刪除
(1)添加平臺
- 在 CMD 中打開項目目錄(CordovaProject),選擇需要的平臺,為了能夠使用指定的平臺,需要安裝特定的平臺 SDK(這里我們在 Windows 上開發,使用 Android SDK)
cordova platform add android
- 還有其他平臺可以在 Windows 操作系統上使用
cordova platform add wp8
cordova platform add amazon-fireos
cordova platform add windows
cordova platform add blackberry10
cordova platform add firefoxos
cordova platform add browser
(2)刪除平臺
- 也可以從項目中刪除平臺
cordova platform rm android
3、查看平臺信息
- 在 CMD 中打開項目目錄(CordovaProject),查看平臺信息
cordova platform ls
4、構建與運行
(1)環境檢查
- 在 CMD 中打開項目目錄(CordovaProject),查看 Cordova 構建 APP 時環境是否齊全
cordova requirements
(2)構建
- 在 CMD 中打開項目目錄(CordovaProject),為指定的平臺構建應用程序
cordova build android
(3)運行
- 在 CMD 中打開項目目錄(CordovaProject),運行應用程序,真機調試
cordova run android
- 使用模擬器運行
cordova emulate android