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的体验问题。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,956评论 25 709
  • 一、觉察 亲爱的自己:你知道吗?你今天的心情烦躁不安,这是源于儿子的病一直没好。 二、内观 我看到...
    相约美丽阅读 226评论 0 1
  • 市场上有好的的书,书法速成、语法速成,太多的东西在吸引着我们的注意力,当我们在某一个速成的时候发现根本不是自己想的...
    亮亮_412阅读 180评论 0 0
  • 做网页自适应或移动端web页面开发时,总是被浏览器默认自带的样式折腾的死去活来,然后你就想将他们重置成常规默认设置...
    恬雅过客阅读 3,756评论 0 2
  • 年的脚步轻轻地来了 迁徙的大军,像是一浪一浪的潮水 涌满了车站与码头 沉重的行李箱装载着那些过往 就像是远走的背影...
    暖意人生1阅读 269评论 0 3