前不久基于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的魅力所在,你可以打包成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文件即可。
这样我们的apk就已经打包并安装好了,大家觉得怎么样?后面要写程序的话,用的是js,应该挺有意思的。