Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> 如何用Sencha Touch打包Android的APK

如何用Sencha Touch打包Android的APK

編輯:關於android開發

如何用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,應該挺有意思的。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved