[Phonegap+Sencha Touch] 移动开发4、Sencha Touch初步使用

1、创建项目

进入sencha touch SDK 目录(sencha-touch-2.3.1-commercial.zip解压的目录)

执行cmd命令：sencha generate app HelloSenchaTouch D:\sencha\HelloSenchaTouch

进入D:\sencha\HelloSenchaTouch可以看到如下目录结构

2、sencha cmd自带一个apache服务器，可以执行以下命令启动服务器

sencha fs web -p 81 start -map D:\sencha\HelloSenchaTouch

其中81是端口，启动后，可以访问 http://localhost:81/

3、编译项目

cmd中先把目录转到D:\sencha\HelloSenchaTouch

然后执行下面的命令进行编译压缩

build的4种方式：production 、 testing 、 package、native

>sencha app build production

• 'production' creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and has built-in over-the-air delta updating feature
• 构建一个需要使用Web服务器来运行的应用程序，支持使用各种设备来访问该应用程序，同时该应用程序也是一个可离线使用的应用程序

>sencha app build testing

• 'testing' is meant for QA prior to production. All JavaScript and CSS source Files are bundled, but not minified, which makes it easier for debugging if needed
• 用于测试，只是把所有的js打包成一个app.js，而没有压缩js文件，便于测试

>sencha app build package

• 'package' creates a self-contained, re-distributable production build that normally runs from local file system without the need for a web server
• 打包成可以本地运行而不需要服务器环境

>sencha app build native

• 'native' first generates a 'package' build, then packages it as a native application, ready to be deployed to native platforms
• 这种方式生成HelloSenchaTouch.app，用于ios产品封装
• 再对sencha touch的项目添加Phonegap支持后，执行此命令可以生成安卓的apk

不搭建服务器也能运行Sencha touch项目的办法

一、谷歌浏览器chrome，以及其他基于Chromium的浏览器

右击谷歌浏览器的快捷方式，点击属性(win7或win8的任务栏的chrome图标要按住shift键再右击)，加入以下命令：

--disable-web-security

如下图：

二、FireFox

火狐地址栏输入about:config，回车，找到security.fileuri.strict_origin_policy，双击改为false

about:config -> security.fileuri.strict_origin_policy -> false

三、IE浏览器

Internet选项，找到下面的，选择启用

Sencha Architect设计器

此工具收费，可以试用30天，需要注册sencha账号才能使用。

截止发帖日期，Sencha Architect最新版为3.0.1.

Sencha Architect 3.0 目前没有找到破解方法。

Sencha Architect 2.2 有破解方法。3.0和2.2比较就是多了一些自带的例子模板，2.2支持Sencha touch2.X的语法，已经够用。

Sencha Architect 2.2下载地址

破解方法：

1. 安装原版Sencha Architect 2.2

2. 安装后打开软件，使用sencha账号登录，然后关闭

3. 然后找到 user.license 文件

xp：C:\Documents and Settings\<用户名>\Local Settings\Application Data\Sencha, Inc\Sencha Architect 2.0\user.license

win7、win8等：C:\Users\<用户名>\AppData\Local\Sencha\Sencha Architect 2.2\user.license

修改user.license内的Expires为Expire，即可无限期使用