您的位置:首页 > 移动开发 > Android开发

android cordova插件开发(纯js插件)

2014-10-29 17:43 381 查看
        最近因为工作需要,用到了cordova,但是发现有的功能需要自己开发插件,在度娘上找到的插件开发列子都是工程目录中直接添加代码进行开发,感觉不是很理想,希望能采用标准的插件开发,能用cordova plugin add 和cordova plugin remove进行插件的添加和移除。折腾了2天终于搞定了。在此记录下以备忘。

       在这两天以循序渐进的方式学会了插件开发:

纯js插件
native插件,js和native无参数传递
native插件,js和native有参数的传递
开发了基于android 百度定位的插件
首先看下纯js插件的开发流程:

        1)、新建一个cordova工程,并且添加android平台,终端命令依次如下:

                cordova create plugindemo com.cordova.plugindemo PluginDemo

                cd plugindemo

                cordova platform add android

                注:以后native插件和百度定位插件的开发都基于此工程项目。

        2)、在其他任何目录下新建文件夹jsplugin

        3)、在jsplugin下新建文件jsplugin.js

               

module.exports = {
start:function(){
alert('hello cordova!');
}
};
         4)、在jsplugin下新建文件plugin.xml

           

<?xml version="1.0" encoding="UTF-8"?>
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
xmlns:android="http://schemas.android.com/apk/res/android"
id="com.cordova.jsplugin"
version="0.0.1">
<name>jsplugin</name>
<description>Cordova Camera Plugin</description>
<author>chenwandong</author>
<keywords>jsplugin</keywords>
<license>Apache 2.0</license>
<keywords>cordova,jsplugin,demo</keywords>
<js-module src="jsplugin.js" name="jsplugin">
<clobbers target="jsplugin" />
</js-module>

</plugin>

        5)、在plugindemo项目目录下输入以下终端命令 cordova plugin add jsplugin_path 注:jsplugin_path为jsplugin目录所在的路径

        6)、修改www/js下的index.js文件,在onDeviceReady方法中添加如下代码: jsplugin.start();

        7)、采用如下命令进行apk打包 cordova build

        8)、运行结果截图

        


       很少在网上记录,经过多次编辑终于搞定了,看来以后还是要多记录备忘啊。

               
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  cordova plugin