Sencha Toucha 2 —1.环境安装配置、在线打包、离线打包
环境安装配置
1. 下载
1.1 Sencha Touch 下载
http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip
1.2 Sencha Touch Docs下载
http://cdn.sencha.com/downloads/docs/touch-docs-2.2.1.zip
1.3 Sencha Touch CMD下载
http://www.sencha.com/products/sencha-cmd/download
1.4 JRE下载
http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html
1.5 Ruby 下载
http://rubyinstaller.org/downloads/
2. 安装
2.1 将Sencha Touch 以及Sencha Touch CMD部署到IIS上
注意需要添加MIME类型扩展名为“.json”,MIME类型为” application/x-json”或“application/x-javascript”;测试网站即可使用
2.2 安装JRE
2.3 安装Sencha Touch CMD
2.4 安装Ruby:
Ruby 安装之后 ,打开Start Command Prompt with Ruby,命令控制器:输入sass –v 提示不是内部命名,这时需要安装:gem install sass 安装即可,安装之后继续安装compass:gem install compass。
3. 创建第一个App
从CMD进入SDK(sencha touch)所在的根目录,使用以下命令创建app
Sencha generate app App名称 App路径
例如:sencha generate app MyApp ../MyApp
至此,一个app创建完成
4. App文件简要描述
app:主要就是模型,视图,控制器,和商店。(sencha Touch 2主要使用的是MVC模式思想)
app.js:主要的js代码,以及应用的入口application
app.json:配置文件
index.html:应用的html代码
packager.json:应用中所用的包
resources:主要是资源文件,CSS、images等
基本介绍:application为应用程序的首要执行方法,launch方法是程序的入口,类似main方法,但是这里的launch可不是唯一进入程序的入口。默认视图窗口使用卡片布局,默认的应用程序添加到主视图窗口,使其可以使用
打开文件app/view/Main.js
5. 发布应用
Sencha app build CMD:具体命令有一下几种
测试程序:testing - intended for QA prior to production. All JavaScript and CSS source files are bundled, but not minified, which makes it easier to debug.
包:package - creates a self-contained, redistributable production build that normally runs from the local file system without a web server.
产品:production - creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and is enabled to perform over-the-air updates.
本地:native - first generates a package build, then packages it as a native application, ready to be deployed to native platforms.
例如:cmd》sencha app build production
第一次运行:可能会出现error
Please ensure this command was executed from a valid application directory
Unable to locate 'app.dir' config property from sencha.cfg
这可能是你没有进入你的应用程序的根目录
这时在你的应用程序的Build下即可找到你打包的应用
在线打包
6. 使用在线打包发布各种版本
前提:将刚刚build之后的文件打包成zip格式,即名称为production.zip
6.1 PhoneGap:打开网址: https://build.phonegap.com/ (提前需要注册一个账户)
6.2 点击右上角sign in
6.3 在进入之后使用sign in with Github一起登陆,输入用户名密码,登陆就可以了。
6.4 登陆之后右上角会有一个“+new app”,选择private,选择upload a.zip file
6.5 上传production.zip此文件即可
离线打包
7. phonegap离线打包
7.1 下载地址: http://phonegap.com/install/
将docs文档部署成网站:查看菜单为: Platform Guides
这里你会找到各种平台的部署生成
7.2 安装 android 开发环境:eclipse、android sdk,adt
7.3 创建一个android应用程序,一直下一步就好
- 进入:E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android,也就是phonegap目录下
- 将“cordova-2.9.0.jar”拷贝至新建android项目的libs下。
- 在任何一个文件夹上右键单击选择“build Path”-》Configure build path-》libraries-》Add jars-》找到刚刚添加的jar文件。(注:也就是相当于添加引用)
- 在assets上添加文件夹,名称为:www,并且将“E:\Work_Shine\WebFenZhenTai\phonegap-2.9.0\lib\android”上的cordova.js拷贝过来
- 进入到src-》com.shine.phonegap 下,打开.java文件,将“Activity”写改成 DroidGap,并添加引用import org.apache.cordova.DroidGap;
- 注释掉:
/* @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } */ //setContentView(R.layout.activity_main);
以及将“protected void onCreate(Bundle savedInstanceState) {”
修改成public void onCreate(Bundle savedInstanceState) {
添加这句:super.setIntegerProperty("loadUrlTimeoutValue", 60000);//加载url超时时间
继续添加:super.loadUrl("file:///android_assets/www/index.html");
将生成好的production拷贝至www文件夹即可
附注:android打包
打包,一般时候有些人使用这个保存放位置的bin下的文件下的apk,这是多数没有签名,故一般时候使用
项目上—》右键单价-》Android Tools-》Export signed Application Package-》下一步-》如果有可以使用原来的,没有可以创建一个,以及密码
下一步使用-别名,基本设置。
下一步签名文件存放位置
至此一个本地打包完成。。
Sencha Toucha 2 —1.环境安装配置、在线打包、离线打包的更多相关文章
- 开发工具IDEA环境安装配置
开发工具IDEA环境安装配置 该工具和eclipse类似,但是使用感受确实比eclipse好,越来越多人开始使用IDEA了. 下载地址如下 : https://www.jetbrains.com/id ...
- Linux下xampp集成环境安装配置方法 、部署bugfree及部署禅道
XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包.XAMPP 是一个易于安装且包含 MySQL.PHP 和 Perl 的 Apache 发行版.XAMPP 的确非 ...
- [转载]SharePoint 2013测试环境安装配置指南
软件版本 Windows Server 2012 标准版 SQL Server 2012 标准版 SharePoint Server 2013 企业版 Office Web Apps 2013 备注: ...
- Windows7 x64 跨平台开发环境安装配置
======================================================================= Windows7 x64 跨平台开发环境安装配置 201 ...
- 一个电脑的重装到java开发环境安装配置的全过程
刚拿到一台别人用过的电脑.看着c盘爆满,而且用了还是windows7操作系统,强迫症发作马上就准备重装系统. 之前换固态使用wepe制作U盘启动盘装系统的步骤和过程全部忘记的,贼尴尬. 同事都看不过眼 ...
- QT开发环境安装配置教程
QT开发环境安装配置教程 分类: QT2012-11-29 23:31 35366人阅读 评论(12) 收藏 举报 Linux版的直接在ubutnu软件中心输入QT,安装响应的Designer,Cre ...
- Meteor环境安装配置
在本教程中,我们将展示如何在windows操作系统安装Meteor .在我们开始学习使用Meteor 之前,我们将需要NodeJS.如果你还没有安装它,则可以点击下表中的链接. 必须条件 Meteor ...
- 基准测试-jmeter压力测试activeMQ之一环境安装配置
jmeter压力测试activeMQ 摘要:linux(CentOS)单机activeMQ安装.window(2008Server)Jmeter配置activeMQ包.Jmeter配置linux监控 ...
- JavaFX开发环境安装配置
JavaFX开发环境安装配置 从Java8开始,JDK(Java开发工具包)包括了JavaFX库. 因此,要运行JavaFX应用程序,您只需要在系统中安装Java8或更高版本. 除此之外,IDE(如E ...
随机推荐
- (Python )运算符
这一节,将学习运算符,主要是算术运算符和逻辑运算符 1.算术运算符 除法运算,整数/整数=整数,浮点数/整数=浮点数,整数/浮点数=浮点数: >>> 17/35>>> ...
- BigDecimal 运算
BigDecimal类 双精度浮点型变量double可以处理16位有效数.在实际应用中,需要对更大或者更小的数进行运算和处理.Java在java.math包中提供的API类BigDecimal,用来对 ...
- MySQL日期时间函数大全(转)
MySQL日期时间函数大全 DAYOFWEEK(date) 返回日期date是星期几(1=星期天,2=星期一,……7=星期六,ODBC标准)mysql> select DAYOFWEEK('1 ...
- VM - Bridge Adapter
如何让外部可以连到本地的虚拟机. 1. 网络模式 - Bridged Adapter 2. 确保本机插上网线 3. 如果虚拟机是 Windows 8.1, 需要开启如下选项.
- Eclipse中.setting目录下文件介绍
Eclipse项目中系统文件介绍 一. 写在前面 文章较长,可以直接到感兴趣的段落,或者直接关键字搜索: 请原谅作者掌握的编程语言少,这里只研究Java相关的项目: 每一个文件仅仅做一个常见内容的简单 ...
- android和ubifs
原文地址: http://opendevkit.com/?e=37 1. ubifs号称性能比yaffs2 好,同时压缩可读写,文件系统image体较小同时可写,相当不错 2. ubifs制作 (1) ...
- thinkpad E450 fn快捷键设置
只要按fn+esc两个按键就可以切换fn按键的使用方式
- 针对httptest4net构建elasticsearch集群压力测试用例
httptest4net是可以自定义HTTP压力测试的工具,用户可以根据自己的情况编写测试用例加载到httptest4net中并运行测试.由于最近需要对elasticsearch搜索集群进行一个不同情 ...
- 用c#开发微信 (22) 微信商城 - 微信支付 (c#源码)
微信支付有几种支付模式:刷卡支付,扫码支付,公众号支付,APP支付.本文介绍用于在微信商城里的公众号支付. 1. 效果图 在商城里购买商品后,到支付页面: 点击上面的确认支付,转到下面微信支付页面: ...
- 大熊君说说JS与设计模式之------命令模式Command
一,总体概要 1,笔者浅谈 日常生活中,我们在看电视的时候,通过遥控器选择我们喜欢的频道时,此时我们就是客户端的角色,遥控器的按钮相当于客户请求,而具体执行的对象就是命令对象, 命令模式把一个请求或者 ...