手机app基于Cordova进行跨平台开发

摘要

在移动互联网飞速发展的今天，智能手机越来越普及，手机软件随着智能手机迅速的走进了千家万户，人们的用户习惯也慢慢的随之改变，视线从pc短逐渐的转移到了移动端，可以说手机App已经成为人们享受生活的另一种方式，介于人们对于移动生活的极其依赖，就不得不提高对移动应用开发从业者的要求，人们不仅要求更好的用户体验，而且需要更快的更新速度。

为了满足移动互联网应用低成本运营和版本快速更新迭代的需要，混合跨平台技术应运而生，实现只需要写一端代码适应多个平台，更新版本也不需要重新发布应用走繁琐的审核流程（主要针对于iOS发布）从而实现实时更新app，增加良好的用户体验。

近年来，混合开发跨平台技术已经广泛应用于各类app，各大公司也都出具了相应的混合开发框架，目前比较流行的有，阿里weex，facebook的ractNative已经cordova，可想而知混合开发模式必定是以后开发人员必须要掌握的技术，本文在众多混合框架中选择介绍cordova在混合开发中的应用。

关键词　移动互联网开发；混合开发；跨平台技术；cordova； 

目录

摘要 I

第1章 引言 1

1.1课题研究的背景 1

1.2目前移动开发的现状和存在的问题 1

1.3课题研究的目的和意义 2

1.4混合开发框架（cordova）的提出引入范文的主要工作 2

第2前端基础技术准备 3

2.1 语言基础 3

2.1.1  HTML 语言 3

2.1.2  JS 语言 3

2.1.3  CSS 语言 4

2.2 WEB 介绍 5

2.2.1  基本介绍 5

2.2.2  web的特点 5

2.2.3  web的工作原理 6

第3章　用jQuery Mobile开发webapp 7

3.1 jQuery Mobile 介绍 7

3.2 jQuery Mobile使用方法 7

3.2.1 引入jQuery Mobile 7

3.2.2 加入viewPort 8

3.3 开发原则 8

3.4 简单页面实列 9

第4章 运用cordova结合web内容生成app 11

4.1 cordova介绍 11

4.2 cordova安装 11

4.2.1 安装nodeJs 11

4.2.2 引用国内镜像源 11

4.2.3 安装cordova 11

4.3 cordova使用 11

4.3.1  创建cordova工程 11

4.3.2  添加平台 12

4.3.3  cordova工程结构介绍 12

4.3.4  cordova加入web内容 13

4.3.5  cordova config.xml 配置 13

4.3.6 添加cordova插件 14

4.4 cordova 打包 14

4.2.3 iOS证书介绍 14

4.2.3 iOS证书制作 14

4.2.3 phoneGap在线打包 15

4.2.3 cordova本地打包 15

第5章　应用实例和测试 17

5.1 应用实例 17

5.1.1  cordova工程创建 17

5.1.2  添加平台和加入web内容 17

5.1.3  config.xml配置 18

5.1.4  cordova打包 19

5.2 app测试运行 20

5.2.1 cordova应用程序安装 20

5.2.2 app运行 20

第6章　总结与展望 22

6.1 总结 22

5.2 展望 24

参考文献 25

致谢 25