Android Cordova 开发 - Cordova 快速入门(Cordova 环境配置、Cordova 第一个应用程序)
一、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