天天看点

如何用Sencha Touch打包Android的APK

前不久基于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 的官网下载最新版的sencha touch,当然你也可以直接下载我上传到csdn的资源(不需要下载分),对应的版本号是2.4.2。传送门:sencha-touch-2.4.2

下载完成并解压后你会得到以下的目录以及文件:

同样在sencha官方可以下载到,当然我也依旧上传了已经下载好的,同样不需要下载分,传送门:senchacmd-4.0.5.87

安装的过程我就不再赘述了。

为了测试是否已经安装成功,你可以输入以下命令:

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

如何用Sencha Touch打包Android的APK

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

现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是sencha touch的魅力所在,你可以打包成web网页,也可以打包成ios应用程序,同样也可以打包成android应用程序。

如果你只需要部署到网站,那么输入以下命令即可:

而如果你想打包成移动应用,所以你还需要一些步骤。

ruby我也同样上传好了,哎上传这些东西到csdn可谓花了不少心血呐,csdn下载栏目太不给力了。传送门:传送门

点击即可安装,安装好之后找到start command prompt with ruby这个应用,类似于cmd。

打开后输入:

后台就会开始下载compass,由于你已经在看这篇博客了,我也就不提醒你下载这个需要联网了……

下载完成之后cd到你的应用程序所在位置输入:

它会执行一系列部署操作,具体你可以看显示出的信息。

如果你还没有安装sdk和jdk请先记得安装……

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

打开应用程序目录下的packager.json,类似于一个清单文件。

作如下修改:

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

ok,可以开始打包了!

在start command prompt with ruby中输入:

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

如何用Sencha Touch打包Android的APK

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

继续阅读