Cordova3+sencha touch2.x 环境搭建

  1. 1.安装 nodejs  
  2. 2.安装 cordova:  
  3.     npm install -g cordova  
  4. 3.创建一个工程:  
  5.    cordova create MyApp com.example.MyApp MyApp   
  6.   
  7.     其中:第一个 MyApp是文件夹的名称;  
  8.           com.example.MyApp 是app id  
  9.           第二个MyApp是工程的名称,也是应用的名称  
  10. 4.进入文件夹  
  11.    cd MyApp  
  12. 5.创建一个android的应用  
  13.     cordova platform add android  
  14.   
  15. 6.用eclipse新建android项目(导入刚才MyApp目录文件),就可以在eclipse下开发了。  
  16. 注意:   
  17. 1.eclipse要先安装ADT插件。  
  18. 2.要先下载android的SDK,并把它的路径(例如:C:\Development\adt-bundle\sdk\tools)加入到环境变量path中。  
  19. 否则第5步会报错:[Error: An error occurred while listing Android targets]  
  20.   
  21.   
  22. =============================================================  
  23.   
  24. 至此,phonegap的工程搭建完成。那么,如何跟 sencha touch结合呢?  
  25.   
  26. 1.安装sencha touch命令行。(上官网下载exe文件:http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip)  
  27.   
  28. 2.解压sencha touch的压缩包,存放的目录例如:  
  29.    e:/webroot/touch-n.n/  
  30.   
  31. 命令行下,进入该目录,执行以下命令,创建一个sencha touch工程:  
  32. $ sencha generate app MyApp ../MyApp  
  33.   
  34. 或者:  
  35. sencha -sdk /path/to/sencha-touch-sdk generate app MyApp /path/to/www/myapp  
  36.   
  37. 3. 进入文件夹  
  38.     cd MyApp  
  39. 4.添加android的应用支持:  
  40.     sencha cordova init com.example.MyApp MyApp  
  41.     注意:保持这里的app id、工程名称和之前我们创建的phonegap工程一致。  
  42.   
  43. 5.打开MyApp根目录,修改cordova.local.properties文件,设置运行环境为android:  
  44.      cordova.platforms=android  
  45.   
  46. 6.执行命令,打包文件到工程目录。  
  47.      sencha app build package  
  48.   注意:默认sencha touch是打包到MyApp目录下的build文件夹,我没找到修改路径的配置,所以需要先修改 MyApp下面的build.xml,添加一个任务:  
  49.     <target name="-after-build">  
  50.         <copy todir="E:\phonegap-project\MyApp\platforms\android\assets\www">  
  51.         <fileset dir="build/package/MyApp"/>  
  52.         </copy>  
  53.     </target>  
  54. 这样就可以把文件都拷贝到phonegap的工程目录下面了。  
  55.   
  56. 至此完成!  
  57. sencha touch一个工程+phonegap一个工程。前者输出js+html给后者,后者再打包为apk文件。  
  58.   
  59.   
  60. 其它:  
  61. 1.本来sencha内置了直接打包为apk文件,但是我的机子上无法正确运行。  
  62. BUG:  
  63. http://www.sencha.com/forum/showthread.php?276203-Possible-bugs-in-Sencha-Cmd-4.0.1.45  
  64.   
  65. 2.目前的在js里面写中文,sencha touch打包以后会乱码。(环境:win7 + SenchaCmd-4.0 + sdk 2.3.1 )  
  66. 解决方式:给js里面第一行添加://@charset utf-8 即可。  
posted @ 2016-04-11 20:05  前端客  阅读(223)  评论(0编辑  收藏  举报