Sencha Touch 2.4+PhoneGap(Cordova)Win7下开发环境搭建准备软件:

来源:互联网 发布:北京邮电大学软件硕士 编辑:程序博客网 时间:2024/06/07 18:35

准备软件:

1)Sencha Touch SDK包SenTouch 的Sdk包

可以在SenchaTouch的官网网中下载,本例中使用Sencha Touch 2.4的开发包

2)Android Sdk

3)Ruby(本示例中使用的是2.1.3-x64版本)

http://dl.bintray.com/oneclick/rubyinstaller/

4)Apache Ant(本示例中使用的是1.9.4版本)

5)Sencha Cmd 5.0

6)Node.js

下载地址:http://www.nodejs.org/

7)JDK 7.0

二:安装软件

1)解压Sencha Touch SDK包, Apache Ant ,Android Sdk

2)安装java jdk 并配置环境变量

3)安装Ruby Node.js Sencha Cmd 5.0 JDK

4)将Apache Ant ,Android Sdk配置进环境变量中

5)在DOCS窗口下使用一下命令是否安装成功


ruby -v

adb

ant -v

sencha



三:安装PhoneGap(Cordova)

Phonegap安装

npm insatll -g phonegap
Cordova安装

npm install -g cordova
安装完成后使用

phonegap -v 或者 cordova -v 进行验证是否安装成功 

至此Sencha Touch的开发环境已经搭建好了,

四:下面是一个简单的使用Sencha Cmd生成Sencha Touch项目及打包项目成APk包

1)切换到SenchaTouch SDK根目录中

使用以下命令生成一个名为MyappTest并储存在路径为../MyappTest下的sencha Touch项目

sencha generate app MyappTest ../MyappTest

2)在命令行中切换目录到生成的项目中,使用以下命令整合phonegap或者cordova进项目中

sencha phonegap init com.sencha.MyappTest

或者

sencha cordova init com.sencha.MyappTest

整合成功后我们会看到项目中生成了一个phonegap或者cordova文件夹




项目的文件目中的前后对比图,可以看出整合cordova进项目后,在项目的跟目录下多出了一个cordova文件夹

3)用文件编辑器打开app.json文件

在文件中找到这一段代码,把platforms的注释去掉,此参数可以配置你将使用cordova把项目打包成什么平台的项目。但前提是你要有相应的环境,具体说明可以在sencha Touch的官方文档中查看

4)对项目进行打包

命令行切换到项目的根目录下输入以下代码

sencha app build native
当打包完成后可以看到在cordova文件下的platforms文件夹中新增了一个你想打包的目标平台的文件夹

在文件夹中包含了一个android项目及文件夹中的ant-build文件夹下已经存在了一个把项目打包好的apk文件,即CordovaApp-debug.apk





0 0