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

相关推荐
Data_Journal1 小时前
使用 AutoScraper 进行网页抓取:分步教程
大数据·开发语言·数据库·python·scrapy
iPad协议个微协议1 小时前
# 微信自动营销系统如何基于 WechatApi 做事件驱动设计
android·微信·企业微信·个人开发·wechatapi·微信个人号开发
AirDroid_cn1 小时前
隐私沙盒:第三方应用读取剪切板内容如何拦截?
android·gitee
yume_sibai1 小时前
12-Rust 性能优化指南(性能分析 + 内存优化 + SIMD + 并发优化 + 编译器优化 + 基准测试)
开发语言·性能优化·rust
萧瑟余晖1 小时前
Hibernate 核心原理与架构详解
开发语言·架构·hibernate
爱喝水的鱼丶1 小时前
SAP-ABAP:SAP MM 模块物料主数据批量导入与增强开发:字段扩展、校验逻辑与批量导入工具开发
开发语言·性能优化·sap·abap·增强·经验交流·mm
geovindu1 小时前
rust:Builder Pattern
开发语言·设计模式·rust·建造者模式
白远山2 小时前
健身场馆无人自动化解决方案:从架构到落地实践
java·开发语言·数据库·数据挖掘·需求分析
Data_Journal3 小时前
如何将网页抓取用于机器学习
大数据·开发语言·数据库·python·scrapy
郝学胜-神的一滴3 小时前
Effective Python 条款 13:善用星号解包,告别下标切片拆分的坑
服务器·开发语言·数据结构·python·程序人生·pycharm