高二下北京理工大学出版社移动Web前端开发课件第10章 扩展PhoneGap

本章简介： 第10章　扩展PhoneGap 目前的前端市场越来越朝着移动端发展，移动端的用户体验度激增。因此前台的框架技术也随之转变。PhoneGap是一个采用HTML，CSS和JavaScript的技术，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。电脑软件公司Adobe 2011年10月4日宣布收购创建了HTML5 移动应用框架PhoneGap 和PhoneGap Build的新创公司Nitobi oftware。收购后，Adobe将为开发人员提供两个强大的跨平台原生移动应 用程序开发工。 课堂学习目标 理解PhoneGap框架的使用方式 掌握PhoneGap环境的搭建 掌握PhoneGap的一般用法 掌握JQuery中对html和css的操作方法 10.1探索PhoneGap 10.1.1 PhoneGap概述 10.1.2搭建PhoneGap开发环境 10.1.1 PhoneGap概述 PhoneGap是一款开源的开发框架，旨在让开发者使用HTML、JavaScript、CSS等Web APIs开发跨平台的移动应用程序。原本由Nitobi公司开发，现在由Adobe拥有。它需要特定平台提供的附加软件，例如iPhone的iOS SDK、Android的Android SDK等，也可以与DW5.5及以上版本配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点，因为虽然基本代码是一样的，但是仍然需要为每个平台分别编译应用程序。 1.起源 第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上编写成的。创建它的主要动力是基于每一个单独的iPhone开发新手都要面对的简单事实：Objective-C是一个对Web开发人员来说非常陌生的环境，并且Web开发人员的数量远远多于Objective-C开发人员的数量。 2.版本 2011年7月29日，PhoneGap发布了1.0版产品。PhoneGap 1.0的推出，该公司表示，重点是访问本地设备的API。 其他的改进包括：API的整体稳定和“可插拔”的架构W3C DAP API的兼容性联系人API远程调试工具一个新的统一的桥接口，使增加平台和平台扩展容易改进的插件开发流程。 2011年10月1日，PhoneGap发布了1.1.0版产品。 新功能:支持黑莓playbook的WebWorks并入；orientationchange事件；媒体审查（使用HTML5的音频和/或正常化的API）。 2012年3月6日，PhoneGap发布了1.5.0版产品。 2013年1月 PhoneGap发布了2.3.0版产品 3.功能 （1）兼容性。完全做到了written once, run everywhere即一次编译随处运行。 （2）标准化。PhoneGap用W3C标准， Web App能直接运行在手机客户端。同JQ Mobile结合在一起使用，能实现“敏捷开发”。 （3）用JavaScript+HTML5。你说这和iOS以及Android的代码加XML有区别吗？我看都差不多。当然目前PhoneGap还有一些缺陷，如运行速度慢，UI反应延时等。对此问题，国内已有WeX5开源框架专门对PhoneGap做了进一步深度优化，基于WeX5框架开发出来的APP体验已经接近原生程序。它的优势是明显的：开发成本低，至多是Native App的1/5。跨平台的流行是不可避免的。当然，Native App永远会有一席之地，如高端游戏。 10.1.2搭建PhoneGap开发环境 PhoneGap的环境搭建还是有一点复杂的，这里讲解两种方法：第一种是应用传统的eclipse、android sdk开发和node.js以及ant搭建联合环境的方式；第二种是直接应用PhoneGap Desktop App集成开发环境进行开发的方式。 首先介绍搭建第一种环境的基本准备。 java JDK：使用新版的JDK安装包。 android SDK：最新版(当时的版本是 API 19)。 Ant：打包工具。 Eclipse：(建议使用内置ADT的 Google原生版本)。 ADT：ecplise 里的插件,安卓开发工具插件,内部集成了ADT。 Node.js。 Sublime：（本书案例的主要开发工具）。 第一步，下载JDK开发工具，JDK的安装需要设置环境变量。JDK的安装比较简单在这里就不在详细表述了。JDK的下载地址如下