环境安装配置
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 ...
随机推荐
-
.net加密解密
.net加密概述 .net加密编程模型 .net加密解密类
-
HTTP学习补充一
1 HTTP协议协商 1.1 NPN NPN:Next Protocol Negotiation,是由Google公司开发的用于SPDY进行协议协商扩展. 协商过程: 服务端在收到客户端的client ...
-
hdu3652 B-number
链接 题意求能够整除和包含13的数字. 这个比较简单,保留余数及1,然后标记前面是否出现过13就行. #include <iostream> #include<cstdio> ...
-
LeetCode: Lowest Common Ancestor of a Binary Search Tree 解题报告
https://leetcode.com/submissions/detail/32662938/ Given a binary search tree (BST), find the lowest ...
-
黄聪:WordPress 的 Hook 机制与原理(add_action、add_filter)
稍有接触过 WordPress 主题或插件制作修改的朋友,对 WordPress 的Hook机制应该不陌生,但通常刚接触WordPress Hook 的新手,对其运作原理可能会有点混乱或模糊.本文针对 ...
-
python的web压力测试工具-pylot安装使用
http://blog.csdn.net/chenggong2dm/article/details/10106517 pylot是python编写的一款web压力测试工具.使用比较简单.而且测试结果相 ...
-
thiscall仅仅应用于“C++”成员函数(this指针存放于CX寄存器,参数从右到左压)
_stdcall是Pascal程序的缺省调用方式,通常用于Win32 Api中,函数采用从右到左的压栈方式,自己在退出时清空堆栈.VC将函数编译后会在函数名前面加上下划线前缀,在函数名后加上" ...
-
Android FM学习中的模块 FM启动过程
最近的研究FM模,FM是一家值我正在学习模块.什么可以从上层中可以看出. 上层是FM按钮的操作和界面显示,因此调用到FM来实现广播收听的功能. 看看Fm启动流程:例如以下图: 先进入FMRadio.j ...
-
MySql单表最大8000W+ 之数据库遇瓶颈记
前言 昨晚救火到两三点,早上七点多醒来,朦胧中醒来发现电脑还开着,赶紧爬起来看昨晚执行的SQL命令结果.由于昨晚升级了阿里云的RDS,等了将近两个小时 还在 升降级中,早上阿里云那边回复升级过程中出现 ...
-
[BZOJ4542] [Hnoi2016] 大数 (莫队)
Description 小 B 有一个很大的数 S,长度达到了 N 位:这个数可以看成是一个串,它可能有前导 0,例如00009312345.小B还有一个素数P.现在,小 B 提出了 M 个询问,每个 ...