join mywedding 3 phonegap开发环境搭建下

洋洋的结婚照
结婚照

继续昨天的坑。

按照官方文档的描述create,添加android平台以后继续使用命令:

$ cordova build

这会调用ant命令进行编译,当然可以指定编译平台如:

ant build android

在实际使用中也是bug百出,一定要保证sdk的tools,platform-tools等加入path变量.在此过程中出现任何错误,请先检查环境变量设置.当然也需要检查ANT_HOME,JAVA_HOME等.由于平时工作ant用的是1.5版本,JAVA_HOME指向了此版本,这会导致编译错误,在检查buid.xml文件时,文件中虽然限定了最低为1.5但是我的好像是不行,在1.7、1.8下均正常使用。虽然cordova提供了强大的命令行工具,包括了真机调试等.需要特殊说明的是,命令行的真机调试我没有跑起来,这可能需要使用adb的支持,在run android之前需要启动adb server,命令与常用的android调试是一样的,需要使用:

adb start-server

当然这之前最好先做一步杀死操作。不再赘述,乃们不要注意这些细节。 我虽然很喜欢命令行,但对于这种东西我还是希望在可视化的ide里面做。当然我坚信用命令行的效率会远远高于ide。但这也不是重点,我们先跑起来再说。

至此,phonegap的安装、创建项目的过程就全部结束了(或者更确切的说是cordova的安装过程,好吧不要在意这些细节)。下面的部分将介绍将怎样将cordova的工程引入eclipse进行编辑。

3.将cordova工程引入eclipse。

为了暂时更快速的开发以及随时进行可视化的调试。先将工程引入eclipse进行编辑。直接在eclipse中import就可以了,直接引入工程即可。此时可能会出现source folder 未指定的问题,需要在工程的build path 的source标签页中勾选src、gen目录。这以后仍然会出现org.apache.cordova.*引入错误。这个很蛋疼,中文搜索的结果说下载的phonegap包里面有cordova.jar,这尼玛是大坑啊。太过时了,这应该是2.x的做法。我在计算机的搜索中进行了全盘搜索也没有找到。官方文档上也没有说明这个问题,这令人蛋疼。大家说把工程clean以后自动编译就好了,根本不起作用。还是万能的stack overflow 解救了我。在create的工程下的platform → android 目录下有一个CordovaLib目录,这同样是一个工程目录,貌似有phonegap官方维护的人员出来说把这个作为library就好了,并信誓旦旦的说要去改官方文档,但我现在也没有看到官方文档上有描述。总之这个目录里面有cordova的代码,我没有引入这个大工程,只是在引入的项目的build path中link了这个folder,any way,that works。至此,这个工程被成功引入了,连接上android设备就可以用adt进行真机调试了。

不过这样也存在一个问题,官方文档中说为了做到cross platform,最好不要在platform下的文件做修改,只是更改等级目录下www目录内容即可,到时候 build以后,platform下的文件会自动更新。这是个令人纠结的问题。正在考虑将顶层的www目录修改,然后进行编译,使platform中的文件得到更新。

下面附一张真机调试的截图。

发表评论

电子邮件地址不会被公开。 必填项已用*标注