cordova入门和基础

一，什么是cordova

• 一个移动开发框架
• 将HTML CSS JS封装成原生APP（Hybrid）
• 来自Adobe 的PhoneGap产品
• 是Apache顶级开源项目

二，cordova的优缺点

优点	缺点
跨平台，利于移植	不能使用设备的所有属性
能利用HTML5的各种特性	执行速度慢
开发快速，成本低	不像原生应用，与系统不协调
	一次编写，处处调试

三，用Cordova CLI创建Hello World项目

创建项目：

 cordova create hello com.exemple.hello HelloWorld

• hello 项目名称 com.example.hello包 HelloWorld类

进入项目
加入android，第一次创建的时候 时间会很久 如果遇到问题 可以参考下面问题的解决

cd hello
cordova platform add android

编译项目

cordova build

上面创建好的项目目录结构的介绍：

directory.png

• config.xml ：cordova核心配置文件
• hooks：存放的是自定义的扩展功能
• platforms：刚刚创建的Android就放在此文件夹中
• plugins：存放引入的插件
• www：开发目录，HTML5的文件 资源都存放在此

四，在开发环境中导入上述项目：

• ADT等自行安装配置

• 把开发工具中的编码格式改成utf-8: Window->preferences->General->workspace

• 导入刚刚创建的项目：注意是Android项目：

  
  
  

  import.png

五，cordova事件和插件

cordova官网地址：http://cordova.apache.org 在其中可以找到plugin APIs和events
events，封装了来自设备发生的变化，比如，程序正在执行，电话来了，就会用到pause事件，挂起。
注意：平台不同，被支持的事件类型也是不同的

cordova应用启动流程：

cordova.png

在cordova中 首先是原生代码的启动

一旦加载，显示的是欢迎屏，欢迎屏执行的时候，cordova会执行一些初始化操作，同时加载HTML

顺序执行js时 cordova.js也会执行 注意：cordova.js是异步执行的，执行过程中要调用原生代码。所以当$(document).ready()运行时，插件不一定可以使用。所以当设备发出deviceready时，插件可用

六，遇到的问题及解决

a solution to automatically accept all licenses:

http://stackoverflow.com/questions/38096225/automatically-accept-all-sdk-licences

注意：加入android要求必须安装了android SDK，如果加入的是其他 也需要其他的SDK

参考资料：极客学院cordova入门和基础