cordova详解1
来源:互联网 发布:交互设计师软件 编辑:程序博客网 时间:2024/06/05 20:00
Cordova 简介
在介绍Cordova之前,必须先提一下PhoneGap。PhoneGap 是Nitobi软件公司2008年推出的一个框架,旨在弥补web 和iOS 之间的不足,使得web 和 iPhone SDK 之间的交互更容易。后来又加入了Android SDK 和BlackBerry SDK,再然后又陆续加入了更多的平台。
但是在2011年,Nitobi公司被Adobe收购,PhoneGap也被提交到Apache Incubator。由于Adobe现在拥有PhoneGap商标,PhoneGap v2.0版产品就更名为Apache Cordova。
据说Cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。
上图是目前Cordova支持的平台,摘自Cordova官网,它们分别是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。
Cordova工程结构
从下面这幅图可以看出Cordova工程的结构,以及与Native API 之前的关系。
Get Started Fast
官网中也把Cordova 的使用划分了一些步骤。按照这五个步骤,可以很容易的创建一个Cordova Demo 工程起来,但是实际的使用要比这个Demo 工程复杂的多。
* 1. 安装Cordova *
Cordova 命令行需要运行在 Node.js 上,在 NPM 也可用。我们可以按照 platform specific guides 去安装别的依赖平台。因此,在安装Cordova之前,要先安装Node.js 和 NPM(可以参考文章Mac 下安装Node.js)。打开命令行提示符(Windows 下) 或者 终端 (Mac 下),然后输入 npm install -g cordova
即可安装Cordova。
如果安装失败,看到下面的错误提示信息,说明我们要用管理员身份安装。
以管理员身份安装Cordova的命令:
- 1
安装过程可能比较慢,安装成功后,可以看到类似如下的目录结构,并且没有错误信息:
* 2.创建一个工程 *
用命令行工具创建一个空的Cordova工程。首先跳转到 你希望保存新工程的文件夹(命令是 cd 文件夹路径
),然后输入命令 cordova create 工程名
。
当然,我们也可以直接 输入命令 cordova create 文件夹路径/工程名
,在某个文件夹下直接创建工程。
查看更多的创建工程命令,可以输入命令 cordova help create
。
我在终端中输入如下命令:
- 1
- 2
然后在Other 文件夹中就创建了一个叫MyApp的文件夹:
目录结构如下:
* 3.添加平台 *
创建完Cordova 工程之后,跳转到工程文件夹(命令是 cd 文件夹路径
)。
我这里使用的命令是:
- 1
然后在这个文件夹中,我们需要添加一个 App 需要支持的平台。 添加一个平台,需要输入命令:
- 1
例如我们需要支持浏览器,那么就输入:
- 1
如果我们需要支持iOS,那么就输入:
- 1
注意ios 要小写。
查看Cordova可以支持的平台,可以输入 :
- 1
我输入cordova platform
之后,终端显示的结果:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
Installed platforms
是我已经安装过的平台,Available platforms
是还可以安装的平台。
* 4.运行 App *
使用命令行工具,运行App的命令是:
- 1
例如,我想在浏览器中运行 App,我就在终端里输入:
- 1
- 2
然后,就会打开浏览器,就会运行App。下面是我的命令和运行效果图:
当然,如果我们想要在iOS 上运行 App,我们也可以输入:
- 1
也可以到指定目录下打开iOS 工程文件
查看更多的关于运行App 的命令,可以输入 cordova help run
。
- cordova详解1
- Cordova android框架详解
- Cordova android框架详解
- cordova 命令详解
- cordova详解及介绍
- Cordova android框架详解
- Cordova android框架详解
- Cordova android框架详解
- Cordova android框架详解
- Cordova 插件详解
- Cordova android框架详解
- Cordova详解2
- 科尔多瓦(Cordova)系列1 -- Cordova是什么?
- Cordova-----1、搭建Cordova开发环境
- Cordova
- cordova
- Cordova
- Cordova
- 选取合适的win10 markdown本地编辑器:typora
- 如何自己编写程序文件清理电脑垃圾
- Halcon学习笔记-例程精析-Blob-Bottle
- ios ——JS 与OC混编
- Python集合(set)类型的操作
- cordova详解1
- python笔记001--python介绍
- Lock和synchronized的区别和使用
- 井字棋AI
- iOS二维码代码实现
- queyHTML和HTML5的区别?
- 基于deeplab v2的语义分割
- 编写函数,输入一个十六进制数,输出相应的十进制数;
- BZOJ1031: [JSOI2007]字符加密Cipher