sencha2.3与phonegap的配置

1.安装 nodejs 
2.安装 cordova: 
npm install -g cordova 
3.创建一个工程: 
cordova create MyApp com.example.MyApp MyApp 

其中:第一个 MyApp是文件夹的名称; 
com.example.MyApp 是app id 
第二个MyApp是工程的名称,也是应用的名称 
4.进入文件夹 
cd MyApp 
5.创建一个android的应用 
cordova platform add android

6.用eclipse新建android项目(导入刚才MyApp目录文件),就可以在eclipse下开发了。
注意: 
1.eclipse要先安装ADT插件。
2.要先下载android的SDK,并把它的路径(例如:C:\Development\adt-bundle\sdk\tools)加入到环境变量path中。
否则第5步会报错:[Error: An error occurred while listing Android targets]

=============================================================

至此,phonegap的工程搭建完成。那么,如何跟 sencha touch结合呢?

1.安装sencha touch命令行。(上官网下载exe文件:http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip)

2.解压sencha touch的压缩包,存放的目录例如:
e:/webroot/touch-n.n/

命令行下,进入该目录,执行以下命令,创建一个sencha touch工程:
$ sencha generate app MyApp ../MyApp

或者:
sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp

3. 进入文件夹
cd MyApp
4.添加android的应用支持:
sencha cordova init com.example.MyApp MyApp
注意:保持这里的app id、工程名称和之前我们创建的phonegap工程一致。

5.打开MyApp根目录,修改cordova.local.properties文件,设置运行环境为android:
cordova.platforms=android

6.执行命令,打包文件到工程目录。
sencha app build package
注意:默认sencha touch是打包到MyApp目录下的build文件夹,我没找到修改路径的配置,所以需要先修改 MyApp下面的build.xml,添加一个任务:





这样就可以把文件都拷贝到phonegap的工程目录下面了。

至此完成!
sencha touch一个工程+phonegap一个工程。前者输出js+html给后者,后者再打包为apk文件。

其它:
1.本来sencha内置了直接打包为apk文件,但是我的机子上无法正确运行。
BUG:
http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45

2.目前的在js里面写中文,sencha touch打包以后会乱码。(环境:win7 + SenchaCmd-4.0 + sdk 2.3.1 )
解决方式:给js里面第一行添加://@charset utf-8 即可。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值