如何用Sencha Touch打包Android的APK

如何用Sencha Touch打包Android的APK

什麼是Sencha Touch

前不久基於JavaScript編寫的Ajax框架ExtJS,將現有的ExtJS整合JQTouch、Rapha?l庫，推出適用於最前沿Touch Web的Sencha Touch框架，該框架是世界上第一個基於HTML5的Mobile App框架。同時，ExtJS更名為Sencha，JQTouch的創始人David Kaneda，以及Rapha?l的創始人也已加盟Sencha團隊。（摘自Bing Knows）

通過Sencha Touch可以快速開發跨平台移動應用，無論Web還是iOS或Android，都OK。

好了，下面就開始咯……

下載Sencha Touch

到Sencha 的官網下載最新版的Sencha Touch，當然你也可以直接下載我上傳到CSDN的資源（不需要下載分），對應的版本號是2.4.2。傳送門：sencha-touch-2.4.2

下載完成並解壓後你會得到以下的目錄以及文件：

目錄：
builds 包含了全部框架代碼文件
cmd 後面再Sencha Cmd中需要用到的文件
docs 相關的API文檔
examples 示例代碼
microloader 用於加載應用程序的文件
resource 包含樣式定義文件及圖片文件等資源
src 源文件

文件：
build.xml 生成應用程序所需的XML文件
file-header.txt Sencha的文件頭，包含協議等信息
index.html 在線API文檔
license.txt 協議文本
release-notes.html 版本發布說明
SenchaLogo.png Sencha的Logo
sencha-touch.js 壓縮過的Sencha Touch核心庫
sencha-touch-all.js 壓縮過的Sencha Touch庫
sencha-touch-all-debug.js 未經壓縮的用於調試的Sencha Touch庫
sencha-touch-debug.js 未經壓縮的用於調試的Sencha Touch核心庫
SETUP.html 官方的安裝文檔
version.txt 版本說明文檔

下載Sencha Cmd

同樣在Sencha官方可以下載到，當然我也依舊上傳了已經下載好的，同樣不需要下載分，傳送門：SenchaCmd-4.0.5.87

安裝的過程我就不再贅述了。

為了測試是否已經安裝成功，你可以輸入以下命令：

cd /
Sencha

輸入後出現以下信息則表示安裝成功。

接下來就可以開始生成應用程序了！<喎?http://www.Bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:java;"> Sencha -sdk c:\touch-2.4.2 generate app App d:\App

c:\touch-2.4.2 此處是你剛才放置touch的位置
app 這是你的app名字
d:\App 這是你的app位置

現在生成的應用程序還不能夠運行，你還需要對其進行打包。而這也是Sencha Touch的魅力所在，你可以打包成Web網頁，也可以打包成iOS應用程序，同樣也可以打包成Android應用程序。

如果你只需要部署到網站，那麼輸入以下命令即可：

sencha app build

而如果你想打包成移動應用，所以你還需要一些步驟。

下載Ruby

Ruby我也同樣上傳好了，哎上傳這些東西到CSDN可謂花了不少心血吶，CSDN下載欄目太不給力了。傳送門：傳送門

點擊即可安裝，安裝好之後找到Start Command Prompt with Ruby這個應用，類似於cmd。

打開後輸入：

gem install compass

後台就會開始下載Compass，由於你已經在看這篇博客了，我也就不提醒你下載這個需要聯網了……

下載完成之後CD到你的應用程序所在位置輸入：

D:\App\sencha app build

它會執行一系列部署操作，具體你可以看顯示出的信息。

打包APK

打開應用程序目錄下的packager.json，類似於一個清單文件。

作如下修改：

applicationName 應用程序名稱，隨你改
applicationId 應用程序命名空間，類似包名
bundleSeedId iOS上用的，咱直接注釋掉
versionString 應用程序版本號
versionCode 應用程序的生成號，比如上一個是6.0.12，這一個就是6
icon 應用程序的圖標
inputPath outputPath 應用程序的位置以及應用程序的輸出路徑
configuration 應用程序的配置，改成Debug；如果是打包到應用商店時為Release
platform 有4種可選：iOSSimulator、iOS、AndroidEmulator、Android
deviceType 設備類型：iPhone、iPad、Universal（適用於Android）
certificatePath/certificateAlias/certificatePassword 證書/證書別名/證書密碼
provisionProfile 蘋果的配置文件……
sdkPath 關鍵部分，安卓SDK位置，記得有一個\作為轉義啊！
androidAPILevel 對應的APILevel你得已經下載好了SDK才行
permissions 應用程序的權限
orientation 應用程序的運行方向，默認是4個方向都可以

如果你還沒有安裝SDK和JDK請先記得安裝……

然後記得配置環境變量，最後還要配置一個系統變量CLASSPATH，其中保存JDK裡面的以下文件，路徑為參考，只要找到這兩個文件就OK

……jdk\lib\dt.jar
……jdk\lib\tools.jar

OK，可以開始打包了！

在Start Command Prompt with Ruby中輸入：

sencha app build native

在你的前面的packager.json中的output裡填的目錄下找到APK文件即可。

這樣我們的APK就已經打包並安裝好了，大家覺得怎麼樣？後面要寫程序的話，用的是JS，應該挺有意思的。