专栏名称: 前端JavaScript
分享 | 学习 | 交流 | 原创 分享是学习的开始;学习不必要从头开始,是从现在开始;交流能沟通你我,提高你的学识;期待你的加入!!! web前端技术交流,JavaScript,HTML5,CSS3……
51好读  ›  专栏  ›  前端JavaScript

如何用Sencha Touch打包Android的APK

前端JavaScript  · 公众号  · Javascript  · 2017-06-14 10:20

正文

本文:【第3章第364回】

什么是Sencha Touch


前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。

通过Sencha Touch可以快速开发跨平台移动应用,无论Web还是iOS或Android,都OK。
好了,下面就开始咯……


下载Sencha Touch

到Sencha 的官网下载最新版的Sencha Touch
下载完成并解压后你会得到以下的目录以及文件:


[code] 目录:

builds 包含了全部框架代码文件

cmd 后面再 Sencha Cmd 中需要用到的文件

docs 相关的 API 文档

examples 示例代码

microloader 用于加载应用程序的文件

resource 包含样式定义文件及图片文件等资源

src 源文件

文件:

build.xml 生成应用程序所需的 XML 文件

file-header.txt Sencha 的文件头,包含协议等信息

index.html 在线 API 文档

license.txt 协议文本

release-notes.html 版本发布说明

SenchaLogo.png Sencha Logo

sencha-touch.js 压缩过的 Sencha Touch 核心库

sencha-touch-all.js 压缩过的 Sencha Touch

sencha-touch-all-debug.js 未经压缩的用于调试的 Sencha Touch

sencha-touch-debug.js 未经压缩的用于调试的 Sencha Touch 核心库

SETUP.html 官方的安装文档

version.txt 版本说明文档


下载Sencha Cmd


同样在Sencha官方可以下载到

安装的过程我就不再赘述了。
为了测试是否已经安装成功,你可以输入以下命令:


[code]cd /

Sencha


输入后出现以下信息则表示安装成功。
接下来就可以开始生成应用程序了!


[code]Sencha -sdk c: ouch-2.4.2 generate app App d:App

[code]c: ouch-2.4.2 此处是你刚才放置 touch 的位置

app 这是你的 app 名字

d:App 这是你的 app 位置


现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是Sencha Touch的魅力所在,你可以打包成Web网页,也可以打包成iOS应用程序,同样也可以打包成Android应用程序。
如果你只需要部署到网站,那么输入以下命令即可:


[code]sencha app build

而如果你想打包成移动应用,所以你还需要一些步骤。


下载Ruby


安装好之后找到Start Command Prompt with Ruby这个应用,类似于cmd。
打开后输入:


[code]gem install compass

后台就会开始下载Compass,我也就不提醒你下载这个需要联网了……
下载完成之后CD到你的应用程序所在位置输入:







请到「今天看啥」查看全文