sencha touch 2.3 结合cordova 环境搭建

sencha touch 2.3环境搭建必备工具

sencha touch 2.3 包
sencha cmd 4.0以上
JAVA JDK 1.7以上（注意JDK和JRE的区别）
Ruby 1.9.3或更早版本
android sdk 如果需要生成ANDROID APP

注意将jdk，ruby，sencha cmd都添加到环境变量PATH
例jdk path:
JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67
则JDK PATH为%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

ruby: C:\Ruby193\bin
sencha cmd装完后好像会自己加入一个系统变量。就不用设置了
将android sdk文件夹下的tools和platform-tools文件夹加入到环境变量PATH

ok，环境搭建完毕，下面我们通过sencha cmd的一行命令创建项目框架
cd touch-2.3.1
sencha generate app MyApp ../myapp

WebApp产品测试和发布
ok，不出意外，现在一个完整的demo应用已经展现在你面前了。
到目前为止，如果你不嫌费流量和加载效率的话，其实一个应用已经完成了，你可以直接用了。
但是Sencha给我们提供了更加优秀的app发布方式，可以直接将项目中需要的资源压缩打包，进行html5的离线缓存，这样，我们的应用程序在第一次加载完成后，在离线情况下也是可以使用的（数据访问除外）
Sencha给我们提供了4种发布方式
testing:供测试，QA使用版本
package：脱离web server，本地html文件资源包
production：正是发布的webapp产品
native：打包成android apk，或者ios app本地安装文件
我们只需要在cmd里，执行一行命令即可发布我们的产品:
#production,testing,native,package

#进入到你的通过cmd生成的MyApp文件夹中
sencha app build production

如果要打包成android apk或者IOS，必须修改packager.json文件，具体修改内容参考官方文档
http://docs.sencha.com/touch/2.3.1/#!/guide/native_packaging
通过命令就可生成apk文件
sencha app build native

结合使用Cordova或者PhoneGap
Apache Cordova和PhoneGap其实是一回事，Apache Cordova是开源社区，PhoneGap是Adobe自有品牌。
两者的关系跟CentOS与RedHat差不多吧。
以Cordova为例， 如果想让sencha touch使用Cordova提供的设备API，先准备以下软件
1.NodeJS
2.装完NodeJS后，在命令行执行
npm install -g cordova 进行安装cordova
3.apache-ant

安装完后将cordova和apache-ant目录下的bin文件夹加入环境变量PATH
例：
cordova: %USERPROFILE%\AppData\Roaming\npm
apache-ant： %USERPROFILE%\bin\apache-ant-1.9.4\bin
将android sdk文件夹下的tools和platform-tools文件夹加入到环境变量PATH

sencha touch工程加入cordova支持办法
cmd进入sencha toucha 工程目录
sencha cordova init [AppID]
其中[AppID]为程序的APPID，如com.elon.Myapp
如果不填[AppID]，则默认为foo.bar.AppName

执行后会生成cordova.local.properties文件和cordova文件夹
修改cordova.local.properties文件，把
cordova.platforms=ios android blackberry wp8
改成需要的平台，如android
最后生成APK文件命令
sencha app build native

注意： 因为这时工程已经加入了cordova的支持，所以sencha app build native命令不会再按照packager.json文件的配置
来进行，而是按照cordova的配置文件来进行，具体参考官方文档
http://cordova.apache.org/docs/en/edge/guide_overview_index.md.html#Overview
android的配置文件在 /cordova/config.xml

build成功后，可以在cordova\platforms\android\ant-build 下找到APK文件。
其实cordova\platforms\android\就是一个安卓工程文件夹，用eclipse.exe也是可以打开的。