1.在项目根目录下(我的是com.chl),添加一个文件夹,在文件夹里添加src、www两个子文件夹和plugin.xml文件。在www目录下,创建test.js。在src文件夹下添加android子目录(--为了区分平台,android/ios...--),在android目录下添加chl文件夹(--包名--),在chl目录下添加TestPlugin.java文件。

2.打开test.js文件,添加getName方法:

  var exec = require("cordova/exec");

  var test = {

    /**

     * getName方法

     * @param successCallback:成功的回调函数
     * @param errorCallback:失败的回调函数

     */

    getName: function(successCallback, errorCallback){

      /**

       * 调用TestPlugin.java

       * action = getName

       */

      cordova.exec(successCallback, errorCallback, "TestPlugin", "getName", []);

    }

  }

  module.exports = test;

打开TestPlugin.java文件:

  package chl;

  import org.apache.cordova.CordovaPlugin;

  import org.apache.cordova.CallbackContext;

  import org.json.JSONArray;

  import org.json.JSONException;

  public class TestPlugin extends CordovaPlugin {

    public static final String ACTION_GET_NAME = "getName";

    @Override

    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {

      try{

        if(ACTION_GET_NAME.equals(action)){

          callbackContext.success("张三");

          return true;

        }

        callbackContext.error("action是不getName");

        return false;

      }catch(Exception e){

        System.out.println("异常信息: " + e.getMessage());

        callbackContext.error(e.getMessage());

        return false;

      }

    }

  }

打开plugin.xml配置插件:

<?xml version="1.0" encoding="UTF-8"?>

<plugin xmlns="http://www.phonegap.com/ns/plugins/1.0"

    xmlns:android="http://schemas.android.com/apk/res/android"

    id="cordova-plugin-chenhlTest" version="1.0.0"><!-- id为插件的名称,插件安装后会在plugins目录下出现cordova-plugin-chenhlTest文件夹 -->

  <name>chenhlTest</name>

  <description>my test plugin ...</description><!-- 描述 -->

  <license>no license ...</license>

  <engines>

    <engine name="cordova" version=">=3.0.0" /><!-- 适用版本 -->

  </engines>

  <js-module src="www/test.js" name="Test">

    <clobbers target="cordova.plugins.chenhlTest" /><!-- 调用时的名称 -->

  </js-module>

  <platform name="android"><!-- 以下是android平台配置信息 -->

    <source-file src="src/android/chl/TestPlugin.java" target-dir="src/chl" /><!-- java源代码 -->

    <config-file target="res/xml/config.xml" parent="/*">

      <feature name="TestPlugin">

        <param name="android-package" value="chl.TestPlugin"/><!-- 指向src/android/chl/TestPlugin.java文件 -->

      </feature>

    </config-file>

    <config-file target="AndroidManifest.xml">

      <!--<uses-permission android:name="android.permission.READ_PHONE_STATE" />--><!-- android权限 -->

    </config-file>

  </platform>

</plugin>

至此代码写完了,接下来就是安装插件。

3.安装插件

打开cmd,并进到项目的根目录。

执行命令:

  cordova plugin add chenhl

  注:chenhl就是最先创建的文件夹名称

正确执行完命令后,就可以在项目的plugins目录下,看到cordova-plugin-chenhlTest插件了。

4.调用插件

在页面上添加按钮

  <button class="button-full button button-positive" ng-click="pluginTest();">测试自定义插件</button>

在对应的controller:

  $scope.pluginTest=function(){

    //cordova.plugins.chenhlTest:plugin.xml文件中配置在clobbers中的

    cordova.plugins.chenhlTest.getName(function(name){

      alert(name);

    }, function(err){

      alert(err);

    });

  }

5.测试结果

自定cordova插件笔记demo的更多相关文章

  1. bootstrap-paginator 分页插件笔记

    [MVC]bootstrap-paginator 分页插件笔记   bootstrap-paginator基于bootstrap框架,使用起来非常简单.官网:http://harttle.github ...

  2. ionic实战系列(二):使用cordova插件

    本章主要关注cordova的各种插件,利用好手机(移动设备)的原生功能.首先cordova是一个将web网页内嵌到原生app的平台(核心功能),然后cordova拥有的插件系统扩展了核心功能. Cor ...

  3. 自定义 Cordova插件(基础篇)

    cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用 ...

  4. 自定义 Cordova插件详解

    一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...

  5. 自定义Cordova插件(基础篇)

    cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用 ...

  6. 自定义Cordova插件详解

    一.Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能.现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合 ...

  7. Android H5混合开发(2):自定义Cordova插件

    前言 Cordova虽然定义了很多基础的插件,供H5端使用原生设备的功能. 但是,如果业务相关的功能,需要提供给H5端使用,那么,就需要我们自定义插件了. 这个"自定义"不是指由A ...

  8. (转)JQM 日期插件 mobiscroll Demo

    (原)http://www.wglong.com/main/artical!details?id=11  JQM 日期插件 mobiscroll Demo 2013-04-25 / 分类:Jquery ...

  9. 【No.4 Ionic】修改 cordova 插件

    在使用 cordova 过程 使用的插件 有可能不能满足个人需求,就需要修改,下面就直接说说步骤 插件结构 我用 cordova-plugin-inappbrowser 插件 讲解 在目录中有个 sr ...

随机推荐

  1. IOS setValue forKey

    NSObjiect *obj:[obj setValue:value forKey:@"cpname"]复制代码的时候都会出现这个异常this class is not key v ...

  2. freeCAD下载与安装

    官方安装: freeCAD稳定版 freeCAD官方提供了几个稳定版本供开发者使用: Windows (XP, Vista and 7, 32 and 64bits), Mac OS X (Lion ...

  3. spring实现一对多表单的保存

    现在我已经从ios转行为java了呦吼吼吼~~~ 1.先来一张界面,项目的字段太多了,为了研究知识点我做了个潘长江版的

  4. 可拖拽的ListView

    今天研究了一下可拖拽的ListView ,当ListView的数据不能充满整个模拟器的时候,系统自带的listview上拖下拽都不好使,显得很单调, 为了实现上拖下拽时也能实现滚动的效果,这时候就需要 ...

  5. 字符串strcpy

    strcpy函数的表达方式: //把一个char组成的字符串循环右移n个,如:“abcdefghi",n=2,移动后"hiabcdefgh" #include <i ...

  6. C++网络编程之select

    select函数决定一个或者多个套接字(socket)的状态,如果需要的话,等待执行异步I/O. int select( __in        int    nfds, __inout    fd_ ...

  7. PKU 1003解题

    首先庆祝一下,今天连A了3题.感觉后面这题太简单了.. 由于英文不好 ,找了个翻译: 若将一叠卡片放在一张桌子的边缘,你能放多远?如果你有一张卡片,你最远能达到卡片长度的一半.(我们假定卡片都正放在桌 ...

  8. Android Studio 个人常用设置

    1.主题 Darcula主题真的看起来舒服很多呢: 2.常用快捷键 "Toggle Case" "Quick Documentation" "Refo ...

  9. [GodLove]Wine93 Tarining Round #8

    比赛链接: http://vjudge.net/contest/view.action?cid=47644#overview 比赛来源: 2012 ACM/ICPC Asia Regional Tia ...

  10. Azure Media Service

    该视频来源于Build 2015, 视频比较老, 从演讲的角度看, 是个非常不错的演讲, 内容也很全面. Apr 27, 2015