如何用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

输入后出现以下信息则表示安装成功。

接下来就可以开始生成应用程序了！

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

如果你还没有安装SDK和JDK请先记得安装……

然后记得配置环境变量，最后还要配置一个系统变量CLASSPATH，其中保存JDK里面的以下文件，路径为参考，只要找到这两个文件就OK

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

打开应用程序目录下的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个方向都可以

上面有很多注释了，但是有的童鞋第一次弄这个所以很迫切的想要打包出来，那么一开始要修改哪些呢？一下我打出来的都是改了之后的，第二行的文字当然是注释了。

"applicationId":"com.touch.FirstApp",
/*这个建议改过来，保持一个良好的习惯。*/

/* "bundleSeedId":"KPXFEPZ6EF", */
这个
/*这个是苹果的东东，我们搞Android的不用管了。*/

"platform":"Android",
/*这个平台一定要改*/

"sdkPath":"C:\\Android\\android-sdk",
/*这个路径改成你的Android SDK路径*/

"androidAPILevel":"15",
/*这个是你已经下载过的Android API Level，一定要注意*/

OK，可以开始打包了！

在Start Command Prompt with Ruby中输入：

sencha app build native

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

这样我们的APK就已经打包并安装好了，大家觉得怎么样？后面要写程序的话，用的是JS，应该挺有意思的。