開始前的準備

1、下載「基於Sencha Touch 2 移動網站開源專案」,下載連結:HTTP://www.html5mobi.com/discussion/76/sencha-touch-2-web;

2、我們要使用到PhoneGap Build線上打包服務,所以需在官網註冊使用者名(網頁打開慢或最後下載APK檔慢的使用者建議翻牆),網址:HTTPs://build.phonegap.com/ 。

開發實戰

初次登陸PhoneGap Build網站自動定位到以下頁面,填寫專案名稱,選擇「upload an archive or index.html」,然後從電腦中選擇上傳已經下載的「基於Sencha Touch 2 移動網站開源專案」ZIP包,


點擊create就OK,進入下載頁面,最終生成的用戶端檔並不是立即可下載,不停的刷新頁面等會兒吧,最後下載APK包裝機體驗一把,安裝APK可使用「豌豆莢」工具。


螢幕截圖分別是桌面上圖示、啟動介面和運行介面:




設定檔config.xml講解

該檔存在於應用程式的跟目錄,主要包含應用的輔助資訊。若含有中文,請用編輯器把XML保存為utf-8格式,本人使用EditPlus。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 = "com.html5mobi.senchatouch" <!-- 注釋:應用唯一ID --> version = "1.0.2">
<!-- 注釋:應用版本-->
<name>移動Web開發社區</name>
<!-- 注釋:應用名稱,顯示在移動終端桌面上和應用Logo一起 -->
<description><!-- 注釋:應用描述 --> 移動Web開發社區(Sencha Touch 2 版) </description>
 <author href="HTTP://html5mobi.com" email="html5mobi@gmail.com"> 剛子 <!-- 注釋:作者資訊 --> </author> </author>
<gap:platforms> <!-- 注釋:支援平臺 -->
<gap:platform name="android" minVersion="2.1" />
<gap:platform name="webos" />
<gap:platform name="symbian.wrt" />
<gap:platform name="blackberry" project="widgets"/>
</gap:platforms>
<icon src="icons/icon.png" gap:role="default" />
<!-- 注釋:應用Logo,顯示在移動終端桌面上和應用名稱一起 -->
<gap:splash src="icons/splash.png"/>
<!-- 注釋: 程式啟動時顯示圖像-->
<!-- 程式需使用的Anbdroid許可權 <feature name="HTTP://api.phonegap.com/1.0/geolocation"/>
<feature name="HTTP://api.phonegap.com/1.0/network"/> --> </widget> 原文連結:HTTP://www.html5mobi.com/discussion/167/phonegap-web-android
創作者介紹
創作者 shadow 的頭像
shadow

資訊園

shadow 發表在 痞客邦 留言(0) 人氣()