senchaTouch移动开发配置

一、工具准备及安装

1.安装sencha touch的IDE senchaArchitect-2.2.exe，启动并注册个用户，登录后再退出软件，之后在C:\用户\机器名\AppData\Local\Sencha\Sencha Architect 2.2\user.license文件把<key>Expires</key>修改成<key>Expire</key>，这样就可以无限期试用

2.安装打包工具senchaSDKTools、sencha-touch-2.0.0-gpl，安装android sdk，这里只打包成android版的apk，如需打包成ios版的，可能需要另外的工具

3.安装touch-docs-2.2.1框加与API文档，配置apache目录访问

 

二、做一个简单的demo

1.需要用到的控件有：Panel、List、Store，创建工作目录

2.从左侧工具箱拖一个Panel到设计窗体

3.拖一个List控件到Panel

4.设置Panel布局fit

5.拖拉store到右侧项目结构中的Stores

6.点击MyStore搜索field属性，添加字段点击图中的（+），增加两个字段（ID、Name）

7.点击MyStore设置store的数据[{"ID":"1","NAME":"n1"},{"ID":"1","NAME":"n2"}]

8.设置完store后，设置list与store绑定，点击MyList搜索store属性，在下拉框选择刚建立的store

9.点击MyList搜索itemtpl，设置显示模板<div>ID:{ID}</div><div>NAME:{NAME}</div>

10.切换回MyPanel的Design页面，查看效果

 

三、在本地电脑访问

1.apache配置访问目录，启动apache

2.chrome浏览器装控制台设置屏幕分辨率，模拟移动设备，并在本地电脑访问

 

四、打包成apk在手机访问

1.cmd进到sencha-touch-2.0.0-gpl的安装目录

2.#sencha generate app 自定义应用名 自定义的打包目录

3.将刚才创建的工作目录所有文件，拷贝覆盖到自定义的打包目录中

4.修改自定义的打包目录中的packager.json文件，分别找到"certificateAlias":""和"certificatePath":"/path/to/certificate.file"，在前面加“//”注释掉

5."找到packager.json中的"sdkPath":"/path/to/android-sdk"，将里面内容改成实际android-sdk安装的目录，找到"platform":"iOSSimulator", 改成"platform":"Android"

6.#cd 自定义打包目录路径 执行：sencha app build native，耐心等待，最终在自定义打包目录路径中的\build\native下生成apk文件，并无报错，可安装到手机