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>
</html>
而後把這兩個文件和icon.png文件放在同一個目錄下
而後把這三個文件壓縮成zip文件(注意是這三個文件,不是這三個文件所在的目錄)
這個zip文件叫什麼名字無所謂!
以下圖所示:
而後到phonegap網站,註冊一個用戶,使用他們的雲編譯功能
在這裏上傳你的壓縮包
 
你看到了,他能夠編譯成各類不一樣的移動平臺的應用,點安卓的小圖標,就能下載啦!
若是IOS的,你還要有開發者ID才性能。
相關文章
相關標籤/搜索