Cordova 3.6.3 + Sencha Touch 2.4.0 打包 APK 详细教程

来源:互联网 发布:英语小说阅读软件 编辑:程序博客网 时间:2024/05/21 11:10

原文地址:http://mutongwu.iteye.com/blog/1983982


我根据该文章成功完成任务。

但有些需要修改的地方。

特此重新排版总结。


一、环境搭建 (未说明一律是64bit)

0.Windows 7 64bit

1.JAVA SE SDK 7u67 64bit 安装并配置环境变量

2.Android SDK 完全安装并配置环境变量

3.Eclipse for Java EE 64bit

4.ADT for Eclipse

5.Ruby 2.1.3 似乎要配置环境变量,自行检查一下

6.Sencha Touch 2.4.0

7.Sencha Cmd 5.0.2(仅此版本可用)

8.NodeJS 最新版(2014.09.23)自动配置环境变量

9.Codova 3.6.3:使用NodeJS命令行安装

npm install -g cordova
10.PhoneGap 可选安装:使用NodeJS命令行安装

npm install -g phonegap

二、Cordova工程建立与配置

1.CMD定位到合适路径

2.创建Codova工程

cordova create MyApp com.example.MyApp MyApp

Cordova <动作> <文件夹名> <app id> <工程名称>

3.cd MyApp 进入刚建立的文件夹

4.增加对Android平台的支持

cordova platform add android

5.使用Eclipse导入工程,选择从已存在的代码中导入,后选择该文件夹。

你会看到有两个Android工程在MyApp文件夹中,一个是工程,一个是lib工程。

把两个都选中,不要选择拷贝至工作空间。

把编码改为UTF-8,编译环境改为Android 4.4W。


三、Sencha Touch工程建立与配置:建立Sencha Touch工程并与Cordova工程关联

1.在CMD中进入Sencha Touch 所在文件夹

2.建立新的Sencha Touch工程

sencha generate app MyApp ../MyApp

sencha <动作> <类型> <工程名> <所在文件夹路径(可更改)>

或者完整版:

sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp
3.进入刚才新建的Sencha Touch工程(MyApp)所在文件夹

4.添加Android支持

sencha cordova init com.example.MyApp MyApp
注意:保持这里的app id、工程名称和之前我们创建的Cordova工程一致。

5.打开MyApp(Sencha)\.sencha\app\cordova.defaults.properties文件,修改运行环境为Android。

cordova.platforms=android
6.打开MyApp(Sencha)\build.xml文件,在最后一行之前加入代码

<target name="-after-build">            <copy todir="C:\workspace\PhoneGap\MyApp\platforms\android\assets\www">            <fileset dir="build\production\MyApp"/>            </copy>    </target>  
其中 todir 属性中是Cordova工程文件夹\platforms\android\assets\www的路径,是复制文件的目标路径

dir是Sencha Touch工程中的build\testing\MyApp文件夹相对路径,是复制文件的源路径。

如有问题请使用"package" 或 "build\production\MyApp" 路径。

当然相应命令也改为 sencha app build package 或 sencha app build production。我还会继续尝试。

7.执行代码,关联两个工程(自行开发时Sencha Touch工程已编写完毕才执行这一步)。

sencha app build testing

四、打包APK

打开Eclipse,打包在 二 - 5 中导入的工程,产生APK。

也可以先在模拟器中debug。


五、注意事项

1.sencha touch一个工程 + phonegap一个工程。前者输出js + html给后者,后者再打包为apk文件。

2.推荐全程使用UTF-8编码。

3.这样打包的APK仅在Android 4.0以上环境可用。2.3.3手机上运行会卡在加载页面。因此建议Android工程打包时以4.0以上版本编译。

4.有时Sencha Touch工程在电脑浏览器运行没有问题,Build Package后就产生了问题了,这样生成的Android工程也一定有问题。

5.我发现在Android工程Debug时Logcat中会提示4个OpenGL ES的上下文错误,但似乎不影响运行,这是5.0.1的问题,5.0.2已解决。

6.Sencha CMD 5.0.2 有其他问题,有时build production会出问题,改用build testing则无问题。








0 0
原创粉丝点击