Cordova调用原生方法的插件的编写

          上一篇学习了Cordova官方提供插件的安装使用,其实Cordova对本地方法的调用并不是像WebView那样简单的调用,Cordova调用本地方法依赖于插件,今天学习一下插件怎么写。

          插件编写通过类继承  CordovaPlugin  ,这个类就是Cordova的插件,Native方法可以写在这个类里面,例子如下:


Cordova调用原生方法的插件的编写_第1张图片

       其中MyPlugin是我的插件类,showDialog(String str)是我定义的方法。JS的调用是通过execute方法调用自己写的本地方法,如下图:

Cordova调用原生方法的插件的编写_第2张图片

      第一个参数action一般传方法名,用来在JS调用的时候区分不同方法,第二个参数传的是JS调用时传入的参数,第三个是执行后的回调,一般有成功失败的回调。例子如下:

Cordova调用原生方法的插件的编写_第3张图片

      这样Native的方法就写完了,不过还不能调用,需要在config.xml中注册一下,如下图:


   fearture name就是插件名字,JS调用时需要这个, name是指从包中引用,value就是插件类所在的位置。

这样就完成了,然后就可以在JS里调用了,调用如下图:

Cordova调用原生方法的插件的编写_第4张图片

cordova是全局可以调用的对象,传参顺序是 成功的回调,失败的回调,插件名,action 参数,这样就可以啦,最后上个完整的Html

Cordova调用原生方法的插件的编写_第5张图片

运行效果:

Cordova调用原生方法的插件的编写_第6张图片


Cordova调用原生方法的插件的编写_第7张图片







你可能感兴趣的:(Cordova调用原生方法的插件的编写)