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

相关推荐
大数据张老师几秒前
Typora 导出 Word 模版操作手册
开发语言·c#·word·typora
略略略咯咯4 分钟前
stream流浅拷贝
开发语言·python
long3166 分钟前
Java 团队入门到精通学习资料
java·开发语言
城管不管18 分钟前
rabbitmq如何保证消息不丢失?解决方案又是什么?
开发语言·ai·面试·职场和发展·rabbitmq·php·agent
程序员良辰20 分钟前
【TongWeb7】启动接近两分钟问题排查
java·开发语言·中间件
深色風信子22 分钟前
Kotlin Bytedeco OpenCV 图像图像58 无缝克隆
开发语言·opencv·kotlin·bytedeco
朝阳3933 分钟前
react19【系列实用教程】实用组件封装
开发语言·前端·javascript
恋猫de小郭37 分钟前
Flutter hit,一个可以灵活控制溢出点击的第三方包
android·前端·flutter
我是苏苏40 分钟前
C#基础:使用System.Speech.Synthesis离线播放/朗读文字内容
开发语言·c#
Patrick在香港1 小时前
Python依赖管理从踩坑到选型:pip/poetry/uv四种方案全面实测
开发语言·python·数据分析·scikit-learn·ai编程·pip·uv