實例講解在線打包Sencha Touch 2到Android客戶端應用

開始前的准備

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包，

Javascript:return big(this)' border="1" alt="" src="/School/UploadFiles_7810/201203/20120321203134568.png" width="500" height="572" />

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

Javascript:return big(this)' style="width: 479px; height: 125px" border="1" alt="" src="/School/UploadFiles_7810/201203/20120321203134857.png" width="700" height="245" />

屏幕截圖分別是桌面上圖標、啟動界面和運行界面：

配置文件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="[email protected]"> 
        剛子 <!-- 注釋：作者信息 --> </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>