實例講解在線打包Sencha Touch 2到Android客戶端應(yīng)用
開始前的準(zhǔn)備
1、下載“基于Sencha Touch 2 移動站點開源項目”,下載鏈接:http://www.html5mobi.com/discussion/76/sencha-touch-2-web;
2、我們要使用到PhoneGap Build在線打包服務(wù),所以需在官網(wǎng)注冊用戶名(網(wǎng)頁打開慢或最后下載APK文件慢的用戶建議翻墻),網(wǎng)址:https://build.phonegap.com/ 。
開發(fā)實戰(zhàn)
初次登陸PhoneGap Build網(wǎng)站自動定位到以下頁面,填寫項目名稱,選擇“upload an archive or index.html”,然后從電腦中選擇上傳已經(jīng)下載的“基于Sencha Touch 2 移動站點開源項目”ZIP包,

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

屏幕截圖分別是桌面上圖標(biāo)、啟動界面和運行界面:



配置文件config.xml講解
該文件存在于應(yīng)用程序的跟目錄,主要包含應(yīng)用的輔助信息。若含有中文,請用編輯器把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" <!-- 注釋:應(yīng)用唯一ID -->
- version = "1.0.2"> <!-- 注釋:應(yīng)用版本-->
- <name>移動Web開發(fā)社區(qū)</name><!-- 注釋:應(yīng)用名稱,顯示在移動終端桌面上和應(yīng)用Logo一起 -->
- <description><!-- 注釋:應(yīng)用描述 -->
- 移動Web開發(fā)社區(qū)(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" /> <!-- 注釋:應(yīng)用Logo,顯示在移動終端桌面上和應(yīng)用名稱一起 -->
- <gap:splash src="icons/splash.png"/> <!-- 注釋: 程序啟動時顯示圖像-->
- <!-- 程序需使用的Anbdroid權(quán)限
- <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