基于Cordova的前端框架OnsenUI实现（一）

1.   什么是Cordova?

Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。

Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。

Cordova支持如下移动操作系统：iOS, Android,ubuntu phoneos, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

个人理解：其实就是像转换器一样，使得网页APP页面转化为原生APP

2.   如何下载使用Cordova?

在终端命令行打入：$ npminstall -g cordova

(前提条件是已经下载了node.js)

查看是否已经下载成功：$cordova -v

看到版本信息了就知道下载成功了

这里推荐使用Cmder，比直接在命令行输入方便，是一个增强型命令行工具，不仅可以使用windows下的所有命令，还可以用linux的命令、shell命令。

3.   什么是Node.js?

Node.js是一个JavaScript的运行环境，它建立在Chrome的V8 JavaScript引擎上。Node.js采用事件驱动、非阻塞I/O模型，使其轻量化和高效。Node.js的包系统，npm，是世界上最大的生态系统的开放源代码库。

正是有了npm这个开源代码库，我们才能用上述语句下载Codova

4.   用Cordova编写第一个APP

①$ cordova create MyApp

在终端命令行输入这句话时，要先选择好自己要建立的文件的地址

②cordova platform add android

如果失败的话那很可能是命令行没有用管理员模式打开

如上图所示，这时候我们已经建立好安卓的文件包了，我们需要在www文件夹下创立lib文件夹，并在这个文件夹目录中导入onsenUI的资源包（官网可以下载）和angular的资料包（AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面），因为我们需要用angular编写，简化HTML。

这时候我们只需要将写好的前端代码放到www对应的文件夹中就行啦

运行以后生成的原生安卓会在platforms文件夹下的android文件夹中。