随着Sencha Touch版本的更新,逐渐放弃使用Sencha Cmd来打包成原生包,而是使用Cordova代替Cmd来实现打包成Android、IOS、Windows Phone等移动应用。下面来看看如何将Sencha Touch2.4+Cordova5.x整合搭建。
方法/步骤
1
一、环境准备首先,确保已经搭建好Cordova与Sencha Touch基本环境,具体可参考下方参考链接。
2
二、创建Sencha Touch工程进入到Sencha Touch压缩包解压缩目录,创建一个新的项目,因为这里创建的是Sencha Touch和Cordova的环境,所以我创建名为MySTC的项目,如下图所示。
3
在命令行中创建好项目后,可以看到生成的项目目录如下图所示。
4
三、在Sencha Touch工程中创建新的Cordova工程在命令行中进入项目目录下,输入命令sencha cordova init(或者sencha cordova init com.example.MySTC MySTC)注意:如何采用括号中的命令,要保持id与项目名必须与sencha Touch的一致,包名com.example可以任意更改。
5
然后,可以看到MySTC项目的目录下多了一个cordova文件夹,这是cordova工程,如下图所示。
6
四、修改app.js文件用记事本或其他编辑器打开MySTC项目下的app.json文件,可以看到里面内容如下图所示。
7
将上图中红线标注的内容修改为下图红线标注的内容,如下图所示。
8
五、编译Android工程,并打包成apk应用在命令行中进入项目目录下,输入sencha app build android编译打包Android工程。
9
可以看到在项目的目录下生成了Android的apk应用,如下图所示。