Cordova 开发记录（Windows 环境）

目录

• • • • • 一、Cordova 定义
        • 二、Cordova 开发环境配置
        • • 1. NodeJS 环境配置
          • 2. 平台环境配置
          • 3. git 安装
          • 4. Cordova 安装
        • 三、Cordova 项目
        • • 1. 创建应用程序
          • 2. 添加平台
          • 3. 构建和运行
          • 4. 调试
          • 5. config.xml 配置文件
        • 四、Cordova 更新
        • • 1. Cordova 工具升级
          • 2. 平台更新
        • 参考链接

一、Cordova 定义

Cordova 是使用 HTML，CSS 和 JavaScript 构建的混合移动应用程序平台。

官方定义： “Apache Cordova是一个开源移动开发框架，它允许您使用标准的Web技术，如HTML5，CSS3和JavaScript进行跨平台开发，避免每个移动平台本机开发语言。应用程序在针对每个平台的包装内执行，并依靠符合标准的API绑定来访问每个设备的传感器，数据和网络状态。"

Cordova 开发有两种模式：

• 一种是单纯 Cordova 开发，不依赖原生平台；
• 一种是原生平台混合 Cordova 开发；

本文只记录单纯 Cordova 开发的开发步骤。

二、Cordova 开发环境配置

1. NodeJS 环境配置

NodeJS Downloads

2. 平台环境配置

iOS Platform Guide（官方）

iOS 环境配置

Android Platform Guide（官方）

Android 环境配置

3. git 安装

git Downloads

Windows 安装包下载

git 安装

4. Cordova 安装

在 Windows 命令提示符中输入如下命令进行安装：

C:\>npm install -g cordova
           

查看版本号：

C:\>cordova -v
           

三、Cordova 项目

1. 创建应用程序

打开 Windows 命令提示符窗口，在目标应用程序目录下输入：

D:\Program File\WebApp\project>cordova create MyProject com.cordova.hello HelloWorld
           

其中有三个名称要关注：

• MyProject 是所创建应用程序的目录名称
• com.cordova.hello 是反向域名，项目的 id
• HelloWorld 是所要创建应用的主题，项目的 name

2. 添加平台

打开 Windows 命令提示符窗口，在项目目录下添加平台：

D:\Program File\WebApp\project\MyProject>cordova platform add android
           

在项目目录下删除平台：

D:\Program File\WebApp\project\MyProject>cordova platform rm android
           

查看添加的平台：

D:\Program File\WebApp\project\MyProject>cordova platform ls
           

3. 构建和运行

构建之前检查各平台的环境要求：

D:\Program File\WebApp\project\MyProject>cordova requirements
           

平台环境没有问题，就可以进行构建对应的平台项目：

D:\Program File\WebApp\project\MyProject>cordova build android
           

使用默认模拟器，运行应用程序：

D:\Program File\WebApp\project\MyProject>cordova emulate android
           

使用外部模拟器或真实设备，运行应用程序：

D:\Program File\WebApp\project\MyProject>cordova run android
           

查看可用于运行此程序的所有连接设备和可用模拟器：

D:\Program File\WebApp\project\MyProject>cordova run android --list
           

4. 调试

• 编辑

  www

  文件夹中的代码
• 构建命令

  cordova build

• 运行命令

  cordova run

5. config.xml 配置文件

在创建应用程序时，config.xml 配置文件同时被创建，下表列出了其中的元素及描述：

元 素	描 述
widget	反向域名
name	应用程序名称
description	应用程序描述
author	作者
content	起始页
plugin	已安装插件
access	控制对外部域的访问，默认*为不受限
allow-intent	可以访问到的域名
platform	构建应用程序的平台

四、Cordova 更新

1. Cordova 工具升级

打开 Windows 命令提示符窗口，升级 Cordova ：

C:\>npm update -g cordova
           

查看版本号：

C:\>cordova -v
           

查看最新的 Cordova 版本：

C:\>npm info cordova version
           

2. 平台更新

打开 Windows 命令提示符窗口，更新指定平台配置：

C:\>cordova platform update android --save
C:\>cordova platform update ios --save
           

参考链接

CORDOVA 官网

W3Cschool Cordova 教程

Cordova开发指南