Cordova 入门

一、简介

Cordova是一个开源框架，它为开发 跨移动平台 的应用提供了一种解决方案。基于该框架，开发者可以使用 网页开发技术(JavaScript+HTML…) 来开发能够在不同移动平台上使用的 原生应用 。 

此处我粗体了三个关键词：跨移动平台、网页开发技术和原生应用。

二、Cordova的历史

在2008年的iPhone开发训练营(iPhoneDevCamp)上，Nitobi公司启动了一个叫PhoneGap的项目。该项目的目标是创造出一种简单的开发跨平台应用的方法。 

2011年下旬。 最终版本到1.4的时候，正式命名：Apache Cordova。 Cordova这个名字正式Nitobi办公室所在街道的名字。 

2016年8月同时发布了Cordova Android 5.2.2 和 Cordova iOS 4.2.1。

三、Cordova应用架构

我们来看一下Cordova最新的应用架构图：

图中的Cordova Application就是一个由Cordova Framework 构建出来的 “原生应用” 。它由三大组件构成：Web App、WebView以及Cordova插件。 

我们来分别看看这些组件的作用： 

*Web App: 包含你编写的应用代码（HTML5)的部分。其实就是一个可以包含CSS、JavaScript、图片等其他资源的网页文件，缺省为: index.html。 

*WebView: 其实就是一个内嵌的浏览器组件，用来解析运行Web App。 在某些平台下，该部分也可能同时包含浏览器组件及其他需要的原生应用所需组件。 

*Plugins: Plugins组件是Cordova生态系统中不可或缺的一部分。它是Cordova与原生组件交互的接口。 

当Web App中的代码需要使用原生应用才能使用的功能（如：摄像头、GPS等）时，这些请求就可以通过WebView发送给相应的Plugin，并由Plugin调用原生代码完成。

四、Cordova优缺点

优点: 降低开发成本一次开发多平台套用，版本更新容易可动态更新。

缺点: cordova其实就是在原生app上加了一个webView,并提供一套JS与原生代码交互的类库。交互效果一般，且访问原生控件时受限,常常无法满足业务需求。

五、Cordova插件

为了解决Cordova的缺点，就出现了cordova插件的概念。即由各个平台的开发者实现webView中无法实现的功能，并打包成插件供前端开发人员调用，这样来优化cordova app的体验问题。