phoneGap的使用
phoneGap介绍
在webView中,java代码和javascript代码的相互调用中单向的,用这种方法开发的应用,在扩展和维护的时候会非常麻烦,为了解决这个麻烦phoneGap诞生了,phoneGap是建立在webView之上的一个开源框架,使用phoneGap来开发web应用,可以使用java代码和javascript代码完全分开,互不打扰,只要尊守共同的接口文档即可以开发出功能完善的应用。
由于phoneGap的这些优越性,以及html的兴起,phoneGap被adobe公司收获,并捐献给了Apache开源项目组织。
phoneGap现在最新版本是1.8,从1.5开始,phoneGap改名为cordova
phoneGap的使用步聚
一、java代码部分:
1、导入phoneGap.jar
2、添加相应的权限
3、修改主Activity为继承自类DroidGap
4、在主类中用super.loadUrl(),加载网页
5、添加xml 配置文件
二、网页代码部分:
1、引入phoneGap.js
2、确保phoneGap加载完成后,才使用。
document.addEventListener("deviceready", onDeviceReady, false);
phoneGap的开发步骤
定义javascript接口文档
js文档的编写可以参考phoneGap源代码中的示例来写。
js接口文档中定义的内容有:
1、service名字和与之对应的对象
2、每个方法对应的action
3、每个方法的参数的类型
4、方法返回值的类型
在文档中先要判断该文档是否已经加载,并在最后,确保PhoneGap加载此文档。
java端实现js文档中定义的方法
新建类继承Plugin并实现execute方法
根据js文档中定义的action来进行分别的处理。
在资源文件中关联js文档与java类
如:<plugin name="HmTestServer" value="com.hm.webview.test4.plugin.TestOne"/>其中name要与js接口文档中定义的service命名要一致。
编写网页端代码
修改主Activity改为继承DroidGap
调用 super.loadUrl(url)即可