Phonegap：高速开发跨平台HTML5应用的胶水层

Phonegap：快速开发跨平台HTML5应用的胶水层
Phonegap 目前标注的版本依然是0.9.x，phonegap的功能特性并不稳定，会有不少bug，要小心。开始玩

首先自然是需要下载 phonegap： http://www.phonegap.com/

然后你还需要相应设备的SDK

针对iPhone:

从 Apple Developer Portal 下载安装 XCode.解开下载好的phonegap压缩包，进入iphone目录安装好phonegap打开XCode，在文件菜单选择 New Project…. 菜单点开“User Templates”栏，选择Phonegap，然后选中右边的“PhoneGap-based Application”，点击“Choose…”按钮，命名你的项目，选择项目文件的位置.

针对Android:

下载安装 JDK 1.5下载安装?Android SDK下载安装 Apache ANT下载安装 Ruby (命令行方式开发需要)解压已经下载好的?PhoneGap, 进入android 目录，my god，最新的0.9.4ZIP包中没有命令行创建项目的方式，好吧，你需要从最新的仓库中把代码取出来： git clone https://github.com/phonegap/phonegap-android.git命令行方式(Droidgap)脚本的开发者没有修改路径以配合新的0.9.4版本，这是这次在发布中被拿掉的原因吧。需要自己改改，蛮简单的，就不多说。将 android下的bin目录 加入你的搜索 path:
UNIX/LINUX的机子:?export PATH=$PATH:~/phonegap-android/bin
在windows下将phonegap-android/bin?路径加到Path中就不用多说了。 ok，在命令行下输入 “droidgap gen demo”,即可创建phonegap支撑的html5应用项目。cd demo;ant debug install 即可安装到设备或模拟器adb logcat 在控制台查看设备的输出日志

使用PhoneGap来创建移动App应用：

打开项目的www目录（android是在项目的assets/www目录下），编辑index.html，在body中键入<h1>hello world</h1>（你也可以加上js和css文件在这个目录下面），保存，然后你就可以首先部署到模拟器上看看。

也许你会说，哈，这不就是网页嘛！是的，这就是网页，不过通过phonegap，这样的网页应用就有能力访问设备的所有功能：文件系统，GPS，相机，重力加速度计，电话簿等，当然不同的设备支持的功能会有所不同（目前phonegap还不能支持完所有的功能，具体看各个设备支持的特性列表）。另外要想呈现和移动应用一样的外观，你还需要选择一种HTML5 Mobile UI Framework库，这样的Framework库已经很多了: Sencha Touch, JQTouch, JMobile, XUI, The-M-Project,Dojo Mobile, dhtmlxTouch, wink, jo, webapp.net…

除了在本地编译应用之外，您还可以使用Phonegap提供的云端Build工具进行应用编译。那就是：Phonegat Build，通过它，您只需要将用HTML5写好的应用上传到Phonegap的云端服务器，它即可以帮你编译不同平台平的应用。

Phonegap Build 当前Phonegap Build依然处于beta状态，你需要申请，等到通过方可使用。另外推荐一个Chrome的插件，Ripple Emulator 可以在Chrome浏览器上测试你的应用，支持phonegap。

（文章作者：李雪愚，盛大创新院高级架构师，雪愚对于使用Phonegap有着丰富的经验，曾用Phonegap开发基于Android和iOS的应用。编辑BY：Handaoliang）