5分钟开发一个简单的基于HTML5的移动应用
首先写一个config.xml
代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "org.xl.test"
versionCode = "10"
version = "1.1.0">
<name>悠游旅游</name>
<description>
悠游旅游网
</description>
<author href="http://www.uu-club.com/" email="412588801@qq.com">
uuclub
</author>
<icon src="icon.png" />
<icon src="icon.png" gap:platform="android" gap:density="ldpi" />
<icon src="icon.png" gap:platform="android" gap:density="mdpi" />
<icon src="icon.png" gap:platform="android" gap:density="hdpi" />
<icon src="icon.png" gap:platform="android" gap:density="xhdpi" />
<icon src="icon.png" gap:platform="blackberry" />
<icon src="icon.png" gap:platform="blackberry" gap:state="hover"/>
<icon src="icon.png" gap:platform="webos" />
<icon src="icon.png" gap:platform="winphone" />
<icon src="icon.png" gap:platform="winphone" gap:role="background" />
</widget>你如果想用闪屏的话，请参照如下代码（加入上面的配置文件中）：
<gap:splash src="files/splash/ldpi.png" gap:platform="android" gap:density="ldpi"/>
<gap:splash src="files/splash/mdpi.png" gap:platform="android" gap:density="mdpi"/>
<gap:splash src="files/splash/hdpi.png" gap:platform="android" gap:density="hdpi"/>
<gap:splash src="files/splash/xhdpi.png" gap:platform="android" gap:density="xhdpi"/>
<gap:splash src="files/splash/320_480.png" gap:platform="ios" width="320" height="480"/>
<gap:splash src="files/splash/640_960.png" gap:platform="ios" width="640" height="960"/>
<gap:splash src="files/splash/768_1024.png" gap:platform="ios" width="768" height="1024"/>
<gap:splash src="files/splash/1024_768.png" gap:platform="ios" width="1024" height="768"/>然后写一个index.html，就像下面这样：
<!DOCTYPE html>
<html>
<head>
<title>uu-club</title>
</head>
<body style="margin:0px;padding:0px">
<iframe style="border:0;" width="100%" height="100%" src="http://tang5.41.3i60.cn/m/"></iframe>
</body>然后把这三个文件压缩成zip文件（注意是这三个文件，不是这三个文件所在的目录）
这个zip文件叫什么名字无所谓！
如下图所示：
然后到phonegap网站，注册一个用户，使用他们的云编译功能
在这里上传你的压缩包
你看到了，他可以编译成各种不同的移动平台的应用，点安卓的小图标，就能下载啦！
如果IOS的，你还要有开发者ID才性能。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2014-01-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读