开发者社区> nomasp> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何用Sencha Touch打包Android的APK

简介:
+关注继续查看

什么是Sencha Touch

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

通过Sencha Touch可以快速开发跨平台移动应用,无论Web还是iOS或Android,都OK。

好了,下面就开始咯……

下载Sencha Touch

到Sencha 的官网下载最新版的Sencha Touch,当然你也可以直接下载我上传到CSDN的资源(不需要下载分),对应的版本号是2.4.2。传送门:sencha-touch-2.4.2

下载完成并解压后你会得到以下的目录以及文件:

目录:
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官方可以下载到,当然我也依旧上传了已经下载好的,同样不需要下载分,传送门:SenchaCmd-4.0.5.87

安装的过程我就不再赘述了。

为了测试是否已经安装成功,你可以输入以下命令:

cd /
Sencha

输入后出现以下信息则表示安装成功。
这里写图片描述

接下来就可以开始生成应用程序了!

Sencha -sdk c:\touch-2.4.2 generate app App d:\App
c:\touch-2.4.2 此处是你刚才放置touch的位置
app 这是你的app名字
d:\App 这是你的app位置

现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是Sencha Touch的魅力所在,你可以打包成Web网页,也可以打包成iOS应用程序,同样也可以打包成Android应用程序。

如果你只需要部署到网站,那么输入以下命令即可:

sencha app build

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

下载Ruby

Ruby我也同样上传好了,哎上传这些东西到CSDN可谓花了不少心血呐,CSDN下载栏目太不给力了。传送门:传送门

点击即可安装,安装好之后找到Start Command Prompt with Ruby这个应用,类似于cmd。

打开后输入:

gem install compass

后台就会开始下载Compass,由于你已经在看这篇博客了,我也就不提醒你下载这个需要联网了……

下载完成之后CD到你的应用程序所在位置输入:

D:\App\sencha app build

它会执行一系列部署操作,具体你可以看显示出的信息。

打包APK

如果你还没有安装SDK和JDK请先记得安装……

然后记得配置环境变量,最后还要配置一个系统变量CLASSPATH,其中保存JDK里面的以下文件,路径为参考,只要找到这两个文件就OK

……jdk\lib\dt.jar
……jdk\lib\tools.jar

打开应用程序目录下的packager.json,类似于一个清单文件。

作如下修改:

applicationName 应用程序名称,随你改
applicationId 应用程序命名空间,类似包名
bundleSeedId iOS上用的,咱直接注释掉
versionString 应用程序版本号
versionCode 应用程序的生成号,比如上一个是6.0.12,这一个就是6
icon 应用程序的图标
inputPath outputPath 应用程序的位置以及应用程序的输出路径
configuration 应用程序的配置,改成Debug;如果是打包到应用商店时为Release
platform 有4种可选:iOSSimulator、iOS、AndroidEmulator、Android
deviceType 设备类型:iPhone、iPad、Universal(适用于Android)
certificatePath/certificateAlias/certificatePassword 证书/证书别名/证书密码
provisionProfile 苹果的配置文件……
sdkPath 关键部分,安卓SDK位置,记得有一个\作为转义啊!
androidAPILevel 对应的APILevel你得已经下载好了SDK才行
permissions 应用程序的权限
orientation 应用程序的运行方向,默认是4个方向都可以

上面有很多注释了,但是有的童鞋第一次弄这个所以很迫切的想要打包出来,那么一开始要修改哪些呢?一下我打出来的都是改了之后的,第二行的文字当然是注释了。

"applicationId":"com.touch.FirstApp", 
/*这个建议改过来,保持一个良好的习惯。*/
/* "bundleSeedId":"KPXFEPZ6EF", */
这个
/*这个是苹果的东东,我们搞Android的不用管了。*/
"platform":"Android",
/*这个平台一定要改*/
"sdkPath":"C:\\Android\\android-sdk",
/*这个路径改成你的Android SDK路径*/
"androidAPILevel":"15",
/*这个是你已经下载过的Android API Level,一定要注意*/

OK,可以开始打包了!

在Start Command Prompt with Ruby中输入:

sencha app build native

在你的前面的packager.json中的output里填的目录下找到APK文件即可。

这里写图片描述

这样我们的APK就已经打包并安装好了,大家觉得怎么样?后面要写程序的话,用的是JS,应该挺有意思的。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于安卓脚本打包apk
Android开发过程中,一般习惯依赖于用Android studio来打包apk,通过图形化界面来打包,操作也简单。这种情况一般适用于程序员,有一种情况是,客户需要自己打包,然而客户不是开发者,不懂用Android studio,这个时候要不给他们提供一个打包文档,要不手把手教,但还是有可能存在失误。
0 0
❤️Android Apk 的打包过程 ❤️ 只需两幅图
官方介绍 在分析安装过程之前,需要先了解一下 Android 项目是如何经过编译->打包生成最终的 .apk 格式的安装包。谷歌有一张官方图片来描述 apk 的打包流程,如下图所示。
0 0
Ant打包安卓apk(4)-多渠道(配置)打包方案
目标 虽然用不上渠道的概念, 其实其实和渠道的概念类似, 其实就是多几个可以变更的字段配置 目前我需要一个boolean, 一个请求的url, config.url =http://10.1.64.42:9082/insure-pad/padServer.do, config.bool = false 我想加快apk打包速度啊, 一方面是还在用eclipse, 二来如果用普通的gradle的farvor方式还是不够快,美团都有v2方案了, 自己搞一搞比较有意思而已 META-INF目录下添加额外信息(不推荐) 然后从代码中读取需要的字段即可 探测敌情 我的思考 我写出了这种形式,htt
0 0
Ant打包安卓apk(5)-多渠道(配置)打包方案 ant脚本
不废话, 直接上货 <?xml version="1.0" encoding="UTF-8"?> <project name="MyProject" default="init" basedir="."> <description> simple example build file </description> <!-- 使用第三方的ant包,使ant支持for循环--> <taskdef resource="net/sf/antcontrib/antcontrib.properties"> <classpath> <pathelement l
0 0
Ant打包安卓apk(3)-ANT打包自动档(基本版)
1. ANT支持 2. 配置环境变量(android和ANT都需要) 生成一个简单的build.xml,本身sdk/tool/ant 下有个完整的build.xml,我们只要基于它创建一个简单的build.xml即可.
0 0
Android 打包AAB+PAD(Unity篇)(下)
Play Asset Delivery Unity API 集成 检索 AssetBundles 安装时交货 快速跟进和按需交付 检查状态 监控下载 大量下载 取消请求(仅限按需) 异步请求资产包 其他 Play Core API 方法 检查下载大小 移除 AssetBundles 测试 行为 限制 使用内部应用共享进行测试
0 0
Android 打包AAB+PAD(Unity篇)(上)
AAB Play Asset Delivery 分发模式 资源更新 纹理压缩格式定位 应用版本更新 下载大小上限 针对 Unity 构建 使用 UI 配置 AssetBundles 使用 API 配置资产包
0 0
Android aab打包报错(持续更新中~)
言 jarsigner.exefailed with exit code 1 开发环境 解决方案 Execution failed for task ':app:transformClassesWithDexBuilderForRelease'. 开发环境 解决方案 Cause: failed to decrypt safe contents entry: java.io.IOException: getSecretKey failed: Password is not ASCII
0 0
Android 打包AAB+PAD(java篇)(下)
Play Core API 集成 安装时分发 快速跟进式分发和按需分发 查看状态 获取有关资源包的下载信息 安装 监控下载状态 下载内容较大 获取资源包 取消请求 移除资源包 获取多个资源包的位置 相关推荐 Android aab打包 Android App Bundle 已取代 APK
0 0
Android 打包AAB+PAD(java篇)(上)
AAB Play Asset Delivery 分发模式 资源更新 纹理压缩格式定位 应用版本更新 下载大小上限 针对Java 代码构建
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Android插件化:从入门到放弃
立即下载
Android组件化实现
立即下载
《深入探索Android热修复技术原理》
立即下载