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

sencha touch 2.3 结合cordova 环境搭建,布布扣,bubuko.com

时间: 2024-08-26 10:42:23

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

Android开发学习--Ionic+Cordova 环境搭建

我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a

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

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cordova-hot-code-push 以下是我对GitHub项目readme的翻译 ---------------------------------------------- Cordova Hot Code Push Plugin 此插件提供了能够使cordova app自己主动更新web内容的功

cordova环境搭建,搭建项目,以及拍照功能的实现

一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html 安装jdk并配置环境变量 2.配置android环境: 准备android开发工具: 64位系统解压:adt-bundle-windows-x86_64-20140702.zip 32位系统解压:adt-bundle-windows-x86-20140702.zip 配置环境变量

WebStorm 之 Cordova 环境搭建

Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装成功,命令为:node -v 2.查看 npm 是否已安装,命令为:npm -v 3.Cordova 安装,命令为:npm install -g cordova 如果慢,可以修改镜像,再进行安装. npm config set registry http://registry.cnpmjs.org npm inf

IOS cordova环境搭建

首先什么是cordova  ,cordova的前生是Phonegap. Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等. 好了.现在我们在MAC上搭建cordova的环境 .分以下几步 1.安装GIT:http://www.git-scm.com/2.安装NODEJS:http://nodejs.org/ (如果你安装了旧版本的需要手动安装npm,不过最新版的自带了) 3.进入终端命令行使用npm安装cordov

WebStorm Cordova 环境搭建

一.软件安装 1.nodejs 2.npm 3.Cordova 如果慢,可以修改镜像,再进行安装. npm config set registry http://registry.cnpmjs.org npm info underscore npm install -g cordova 安装成功后做版本查看测试 4.ionic 版本查看 5.Java 6.ant 7.Andorid环境安装 path环境变量添加:D:\Program Files\Android\Android\Sdk\andro

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

Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源 步骤:(来自Cordova官网) 1.安装Cordova(在node.js环境下进行安装) 命令提示行   npm -v  可以查看是否安装成功node.js npm install -g cordova   安装cordova 2.创建一个项目 使用命令行创建一个空的Cordova项目.导航到你希望创建项目的目录 Example     cordova create myapp com.mycom

cordova 环境搭建

1.安装nodeJs(node-v0.12.2-x64.msi),和git client(Git-1.9.5-preview20150319.exe) 2.命令窗口运行 npm instal -g cordova 安装过程根据网速定,一般会有十几几十分钟很正常 同事总结了下cordova的一些内容,比较全面,放在这里我也好参考, android sdk download proxy mirrors.opencas.cn 80 大连东软信息学院镜像服务器地址: http://mirrors.neu

cordova环境搭建

1.安装node.js 地址:https://nodejs.org/en/,安装lts稳定版本比较好,如果是前端开发,最好使用nvm版本管理工具来安装,完成之后打开cmd,node -v查看是否安装成功 2.安装ant 地址:https://ant.apache.org/bindownload.cgi, 安装完成之后配置环境变量,在path下添加bin 3.安装gradle 地址: 原文地址:https://www.cnblogs.com/guan-shan/p/10586665.html