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

来源:互联网 发布:魔兽世界7.3数据库 编辑:程序博客网 时间:2024/05/17 20:42

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

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

  1. 纯js插件
  2. native插件,js和native无参数传递
  3. native插件,js和native有参数的传递
  4. 开发了基于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)、运行结果截图

        


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

               

0 0