sencha 打包

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

时间: 2024-10-11 22:38:13

sencha 打包的相关文章

Sencha学习笔记2:打包您的第一个Sencha安卓应用apk安装包

通过上一篇翻译的官方文章的介绍我们对sencha有了初步的印象,同时我们也通过该向导生成了第一个示例应用代码框架,那么下一步可能很多人都觉得应该根据该向导所提示的去看一下一个应用是如何建立起来的详细信息了,但我认为可以换一下学习的路径. 天地会珠海分舵是一个比较急功近利的人,所以有了第一个自动生成的代码示例后,他是比较急于想知道应该如何将该示例打包成一个安卓的apk安装包来安装到目标安卓机器上.刘备做得好,得陇就应该望蜀,做人还是有点追求的好. 下面我们就尝试通过一个HelloWorld的示例来

[Phonegap+Sencha Touch] 移动开发24 打包wp8.1的App,运行时输入框聚焦弹出软键盘之后,界面上移而不恢复原位的解决办法

这个现象只出现在phonegap打包sencha touch的wp8.1程序会出现(仅wp8.1,wp8正常),其它js框架我测试了几个(app framework, jquery mobile),好像没有这个问题. 我来描述一下这个现象: 1.运行phonegap打包的wp8程序,打开一个有输入框的界面,如下图: 2.点击输入框,使其弹出软键盘,界面会上移,如下图: 3.点返回键隐藏软键盘(或者点击界面上其它地方隐藏软键盘),此时界面不恢复原位,如下图: 我的一些研究结果: 1.这种现象只出现

[Phonegap+Sencha Touch] 移动开发18 Sencha Touch项目通过phonegap打包后的程序名字的问题

之前说过 sencha phonegap init com.pushsoft.myapp MyApp 之后打包的程序安装包apk的名字是"MyApp.apk",显示在手机桌面上的程序名称(图标下面的文字)也是"MyApp" 如果要换成其他名字,修改 MyApp\config.xml 文件,把顶部"<name>MyApp</name>"中间MyApp的改成需要的名字. 注意如果xml内容有中文,要改成utf-8编码,注意是文

ExtJS(6)- 用Sencha Cmd构建打包Ext项目

用ExtJS组建前端框架有一年多了,考虑到ExtJS中js过多,为提高效率,所以开始寻找打包的方法,然后就发现了这个Sencha Cmd.首先Sencha Cmd不仅仅是为了打包而生的,它同样具有构建前端框架的作用. 以下为所需的环境: Sencha Cmd 下载地址:http://www.sencha.com/products/sencha-cmd/download/Ruby 下载地址:http://rubyinstaller.org/downloads Ant下载地址:http://ant.

Ext Js Sencha Cmd 命令 打包charts

先进入charts包的目录下 cd D:\开发文档API\ext-6.2.0-gpl\packages\charts 在执行打包命令 sencha package build

使用 crosswalk-cordova 打包sencha touch 项目,再也不用担心安卓兼容问题!

国内的安卓手机品牌众多,安卓操作系统碎片化也很严重,我们使用sencha touch 开发的应用不可避免的出现了各种无解的兼容性问题. 有时候我就在想,有没有既能支持cordova,又能让我们把Chromium内核打包到应用里面的平台呢?这样就不用担心兼容性了. 最近阿赛向我推荐了Crosswalk,满足了我的愿望,不过可惜的是,Crosswalk仅支持Android4.0+.并且这个是将Chromium内核打包到了应用中,所以安装包略大一些. Crosswalk是基于Chromium内核打造的

sencha touch 扩展篇之将sencha touch打包成安装程序(下)- 使用phonegap打包安装程序

    这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后通过xcode导出成ipa安装程序: 一.phonegap环境搭建: phonegap从3.0开始已经不再使用手动的方式搭建项目了,而是使用command-line命令行工具来搭建项目环境,并且插件引入的机制也在3.0做了调整,采用了模块化的方式,即需要什么功能模块就通过命令行工具来安装对应

[Phonegap+Sencha Touch] 移动开发18 Sencha Touch项目通过phonegap打包后的程序名字的问题

之前说过 sencha phonegap init com.pushsoft.myapp MyApp 之后打包的程序安装包apk的名字是"MyApp.apk",显示在手机桌面上的程序名称(图标以下的文字)也是"MyApp" 假设要换成其它名字,改动 MyApp\config.xml 文件,把顶部"<name>MyApp</name>"中间MyApp的改成须要的名字. 注意假设xml内容有中文,要改成utf-8编码,注意是文

sencha touch打包成安装程序

为了更好地向大家演示如何打包一个sencha touch的项目,我们用sencha cmd创建一个演示项目,如果你的sencha cmd环境还没有配置,请参照 sencha touch 入门系列 (二)sencha touch 开发准备 进行配置. 首先在开始->运行中输入cmd,回车,打开命令行工具,cd指令进入到我们的sencha touch的sdk目录中,执行项目创建的指令: 此时在webtest路径中便创建了一个testPackage的项目,我们打开项目中创建生成的packager.js