HTML5+PhoneGap 跨平台移动应用软件开发 概述（第一讲）

摘要: PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发框架。 它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能—— 包括地理定位，加速器 ...

高清视屏及源码下载地址： http://bbs.phonegap100.com/thread-139-1-1.html 学习要点： 1. html5+PhoneGap基础知识 2. Web App, Native APP, Hybird App介绍 3. 为什么要学习PhoneGap 4. Html5 移动应用软件开发框架JqueryMobile SenchaTouch介绍 5. 一个简单的JqueryMobile示例，打包成跨平台的可安装的移动应用 6. 开发中的测试浏览器介绍 主讲教师：（树根） 合作网站：www.phonegap100.com(PhoneGap中文网) 我们的宗旨：让大家学会用html css js开发跨平台的移动应用软件 1. PhoneGap是什么 PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发框架。 它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能—— 包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功 能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的 Android SDK等，也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点， 因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。 PhoneGap针对不同平台的WebView做了扩展和封装，使WebView这个组件变成可访问设备本地API 的强大浏览器，所以开发人员在PhoneGap框架下可通过JavaScript访问设备本地API。 WebView是什么（WebView组件实质是移动设备的内置浏览器 WebView这个内置浏览器特性是Web 能被打包成本地客户端的基础，可方便的用HTML5、CSS3页面布局，这是移动Web技术的优势相对于原 生开发） 2. PhoneGap的优势 (1)可跨平台：PhoneGap是唯一的一个支持7个平台的开源移动框架（PhoneGap包括地理定位，加速 器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能，几乎Native App 能完成的功能他都能完成）。它的优势是无以伦比的：开发成本低——据估算，至多Native App的五分之 一！ （2）易用性，基于标准的Web开发技术 (html + css +js) （3）提供硬件访问控制（api） （4）可利用成熟javascript框架（JqueryMobile SenchaTouch） （5）方便的安装和使用 3. PhoneGap的不足 (1) PhoneGap应用程序的运行是寄托于移动设备上各平台的内置浏览器webkit的，受到webkit处理 速度影响，以及各个平台的硬件与软件的性能制约，其程序运行的速度会比原生的程序稍微慢点，但是笔 者认为，这些问题在1-2年内都会解决，因为现在的硬件的发展速度太快了。 (2)还有一些底层的功能需要插件来实现比如（推送功能） (3)平台差异化不同，PhoneGap应用程序在所有平台上运行界面看起来都一样。即使这个应用程序与 原生应用很相像，但对于习惯了iOS与 Android 平台的用户来说，会觉得不习惯，他们还是会很快看出差 异。 通过综合比较PhoneGap的优点与不足，我们认为，如果你想快速实现一般的移动WebApp或者普通的 2D游戏，那么可以采用PhoneGap技术。如果你想要实现需要大量CPU计算的应用或者3D游戏，或者对用 户体验及界面有极致的追求，考虑目前的硬件条件和开发成本，使用原生开发来实现比较适合。 4．PhoneGap前景 2011年10月4日Adobe宣布收购了创建了HTML5 移动应用框架PhoneGap 和PhoneGap Build的新创 公司Nitobi Software。这使得phonegap有了坚强的后盾，phonegap的发展前景也是一片光明。与此同时， PhoneGap的开源框架已经被累积下载60万次，借助PhoneGap平台，已有数千应用程序建立在iOS，android 以及其它操作系统之上。 5.Web App, Native APP,Hybird App介绍 （1）Web App 这个主要是采用统一的标准的HTML,JavaScript.CSS等web技术开发. 用户无需下载，通过不同平台 的浏览器访问来实现跨平台，同时可以通过浏览器支持充分使用HTML5特性，缺点是这些基于浏览器的应 用无法调用系统API来实现一些高级功能，也不适合高性能要求的场合. （2）Native APP 就是所谓的原生应用.指的是用平台特定的开发语言所开发的应用.使用它们的优点是可以完全利用系 统的API和平台特性，在性能上也是最好的。缺点是由于开发技术不同，如果你要覆盖多个平台，则要针 对每个平台独立开发,无跨平台特性. （3）Hybird App 则是为了弥补如上两者开发模式的缺陷的产物.分别继承双方的优势.首先它让为数众多的web开发人 员可以几乎零成本的转型成移动应用开发者；其次，相同的代码只需针对不同平台进行编译就能实现在多 平台的分发，大大提高了多平台开发的效率；而相较于web App，开发者可以通过包装好的接口，调用大 部分常用的系统API。PhoneGap正是Hybird APP的代表开发框架 6、 为么要学习PhoneGap 1、移动互联网软件开发现状 在多厂商的利益竞争下，当前的智能终端平台呈现出了“百家争鸣”的现象。当前的移动终端系统呈 现出较为零散的割据状态，其中，Nokia 主推的 Symbian、Apple 的iOS、和 Google 的 Android，分别 占据了较大的市场份额。然而，由于当前主流的移动平台之间互不兼容，针对不同的移动平台系统，当前 并没有可以兼容的应用开发接口和语言；当前，使用 C/C++ 的 Symbian、使用 Object C 的iOS和使用 Java 的 Android 应用开发技术，几乎是完全无法融合的。 2、移动互联网软件开发者的困扰 开发完Android应用，还得重新开发Ios应用，开发完Ios还得开发Windows Phone，一个应用不同平台 重复开发 1.从应用开发的角度来说，同样的程序逻辑却不得不在多个平台上使用不同的语言和API 重复编码。 2.从代码维护的角度来说，针对同一个项目需要同时维护多份代码，一旦程序逻辑发生变化，将导致 大规模的代码修改与回归测试。 3.从经济角度来说，要同时开发和维护多个平台的应用程序，将花费企业巨大的人力和时间成本。 3、phonegap的出现，为什么要学phonegap 为了解决上述问题，跨平台的移动应用开发技术逐渐地引起了开发者的关注。市面上也出现了很多跨 平台框架，然而笔者认为比较好的还属于PhoneGap 也是开发人员最多的

转自：http://www.phonegap100.com/article-80-1.html