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也是可以打开的。

sencha touch 2.3 结合cordova 环境搭建的更多相关文章

  1. androidAndroid开发学习--Ionic+Cordova 环境搭建

    我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list ...

  2. Cordova环境搭建 & HelloWorld

    目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成Hybrid ...

  3. cordova 环境搭建

    安装环境前题是nodejs已安装,android环境搭建完成,android环境没有通过http://www.androiddevtools.cn/安装,安装使用 淘宝 NPM 镜像 方式 1.运行c ...

  4. cordova环境搭建

    首先,需要了解一下cordova 和 phonegap 的关系.phoneGap是原先的名字,Cordova是phoneGap被捐给apache之后 用的项目名,phoneGap的名字也被保留了. 1 ...

  5. WebStorm 之 Cordova 环境搭建

    一.环境搭建 Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装 ...

  6. iOS下JS与OC互相调用(七)--Cordova 环境搭建

    Cordova大家可能比较陌生,但肯定听过 PhoneGap ,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字.它是一个可以让 JS 与原生代码互相通信的一个库,并且提供了一 ...

  7. webapp开发学习---Cordova环境搭建

    Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源 步骤:(来自Cordova官网) 1.安装Cordova(在node.js环境下进行安装) 命 ...

  8. webapp开发学习--Ionic+Cordova 环境搭建

    我们看 Ionic 能给我们提供什么? 一个样式库,你可以使用它来装饰你的HTML网页 ,看起来 想 移动程序的界面,什么header .content.footer.grid.list.这貌似没什么 ...

  9. [Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cord ...

随机推荐

  1. JSP进阶 之 SimpleTagSupport 开发自定义标签

    绝大部分 Java 领域的 MVC 框架,例如 Struts.Spring MVC.JSF 等,主要由两部分组成:控制器组件和视图组件.其中视图组件主要由大量功能丰富的标签库充当.对于大部分开发者而言 ...

  2. jQuery.access源码分析

    基本理解 jQuery.attr是jQuery.attr,jQuery.prop,jQuery.css提供底层支持,jQuery里一个比较有特色的地方就是函数的重载, 比如attr,有如下几种重载 $ ...

  3. Python信息采集器使用轻量级关系型数据库SQLite

    1,引言Python自带一个轻量级的关系型数据库SQLite.这一数据库使用SQL语言.SQLite作为后端数据库,可以搭配Python建网站,或者为python网络爬虫存储数据.SQLite还在其它 ...

  4. 畅通工程--hdu1232(并查集)

    畅通工程 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  5. ip聚合(百度之星资格赛1003)

    IP聚合 点击这里 Problem Description 当今世界,网络已经无处不在了,小度熊由于犯了错误,当上了度度公司的网络管理员,他手上有大量的 IP列表,小度熊想知道在某个固定的子网掩码下, ...

  6. SQL Server 内存管理在64位时代的改变

    64位机上  地址空间比以前大了去了.它引起的改变多了去了 1.MemToLeave这个词不存在了.因为SQL Server以不再做这种预留空间的事了,也就是说multiple page 想用多少就用 ...

  7. 正式学习React(一) 开始学习之前必读

    为什么要加这个必读!因为webpack本身是基于node环境的, 里面会涉及很多路径问题,我们可能对paths怎么写!webpack又是怎么找到这些paths的很迷惑. 本文是我已经写完正式学习Rea ...

  8. listview加载网络图片

    ListView加载网络数据和图片 2013-09-25 00:08:10|  分类: 默认分类 |  标签:android  |举报|字号 订阅     如,从服务器端获得商品名称.价格.简介和图片 ...

  9. COB Epoxy灌膠時氣泡產生的原因與解決方法

    COB的黑膠 (Epoxy)有氣泡通常是不被允許的,因為外部氣孔不但會影響到外觀,內部氣孔更有可能會破壞 Wire bonding 的鋁線穩定度.既使在COB製程剛完成的時候沒有通過功能測試,也不代表 ...

  10. PF_RING packet overwrites

    最近在用 PF_RING 抓包过程中,发现个灵异的现象,高流量丢包时, 经常会出现正在处理的包的内容被覆盖.开始,怀疑是不是自己程序有地方越界写了,后来发现,如果自己拷贝一份,然后处理拷贝的那份,永远 ...