HTML5 网页 + PhoneGap 快速制作简单的手机应用
PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。
本文介绍的方法是一个用来创建简单的手机应用的PhoneGap简单实现，其步骤为：
- 创建类似为App的手机网页（这个就是把网页做得和手机应用的风格差不多，为的是给人的感觉是这个是个应用即可） 创建一个引导页
- index.html ，打开该文件可以直接跳转到手机网页即可 在 PhoneGap 上面注册个应用，上传包文件即可创建
- 手机网站本文就不再阐述了，index.html 文件的代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>Sage Wind · PhoneGap App</title>
<meta http-equiv="refresh" content="5;http://wind.ofsz.com" />
</head>
<body>
</body>
</html>上面这段HTML代码的作用其实很简单，就是打开该文件之后，不作任何的待立马跳转至 http://wind.ofsz.com 这个网址，然后把这个文件放在一个空的名为 www 的目录下，再把 www 整个目录打包成为一个www.zip文件。 到这一步之后，我们剩下的工作就全部得在PhoneGap的Build网站上进行了，打开 http://build.phonegap.com/ 网页，注册一个新的帐户，如下图所示，点击网页右上角的 Register 链接：选择 completely Free。
然后选择 AdobeID，如果你已经有了AdobeID，那么这里直接登陆即可，如果没有，需要重新注册一个新的，注册表单如下：
- Adobe ID (Email Address) -- 填写Adobe ID，也就是你以后使用的帐号，是一个邮箱地址
- Password 与 Retype Password -- 你的密码
- First Name 与 Last Name 你的名和姓
- Country/Region 是你的国家或者地区
填写完成之后，点击Create即可创建成功，登陆成功之后会进入下面这个页面：
这里我们可以直接把 Github 上面的项目地址复制到这里，但是这不简单，看到右边有一个 Upload a .zip file，还记得我们前面的那个 www.zip 文件的话，就知道了下一步该怎么做了，点击这个按钮，上传前面的 www.zip 文件，跳转到下面这个网页：
这里，我们需要填写App的名称以及介绍，还可以设置App的图标，如下是我填写的信息：
点击右下方的 Ready to Build 按钮，即可跳转到Sage Wind页面，我们会看到如下页面：
这个页面所展示的信息包括：
- 当前这个App使用的PhoneGap版本
- App ID与App版本
- App的所有者等等
通过此页面，即可直接下载App的打包文件，iOS 的的在提供iOS sign key 之前是无法打包的，但是其它的系统一般都是可以使用的，通过上面的操作，我现在下载打好包的应用，只需要点击每一系统右侧的那个下载链接即可，本文至此为止创建的App包可以点击下面这个下载链接下载：
接下来我这里不再上传除Android系统之外的其它版本，反正都一样。
到现在为止我们的应用只是可以跑通而已，点击上面截图中的 Settings 标签页，还可以对应用进行设置，设置分为 Basic 与 Configuration，前者就是我们在创建完这个应用时候的设置，页下面的Configuration如下图所示：
我的设置如下：
修改配置之后需要重新构建应用，点击应用下方的 Rebuild all 按钮即可生成新的应用：
评论已关闭