ionic3自定义android原生插件

package com.plugin.testPlugin;

import org.apache.cordova.CallbackContext;
import org.apache.cordova.CordovaInterface;
import org.apache.cordova.CordovaPlugin;
import org.apache.cordova.CordovaWebView;
import org.json.JSONArray;
import org.json.JSONException;

import android.R.string;
import android.app.Activity;
import android.util.Log;
import android.widget.Toast;

/**
 * 插件类必须继承CordovaPlugin，（如果导入CordovaPlugin一系列包，见下面）
 * @author lzy
 *
 */
public class TestPlugin extends CordovaPlugin {
    
    public Activity activity;/**
     * 该方法会在调用execute()方法之前调用，此时用来获取activity和webView等
     */
    @Override
    public void initialize(CordovaInterface cordova,CordovaWebView webView){
        super.initialize(cordova, webView);
        Log.i("initialize","============================");
        this.activity = cordova.getActivity();
    }
    
    /**
     * js方法接口，
     * js中通过调用该方法来执行原生的方法
     * @param action 方法名
     * @param args 参数（数组类型）
     * @param callbackContext 回掉
     *           原生方法执行完后，会执行js中传过来的回掉方法
     */
    @Override
    public boolean execute(String action,JSONArray args,CallbackContext callbackContext) throws JSONException{
        this.callbackContext = callbackContext;
        if(action=="hello"){
            String orderInfo = args.getString(0);
            hello(orderInfo,callbackContext);
            return true;
        }
        return false;
    }
    
    public void hello(String hello, CallbackContext callbackContext){

         //执行js中传过来的回调
         if(hello!=null && hello.length()>0){
           callbackContext.success(hello);
         }else{
           callbackContext.error("参数不能为空");
         }

　　　    //原生代码，放在js回调后面，否则js回调不执行

　　　　Toast.makeText(this.activity, hello, Toast.LENGTH_SHORT).show();

    }

}

plugman create --name TestPlugin --plugin_id com.plugin.testPlugin --plugin_version 1.0.0

--name TestPlugin //自定义插件名称
--plugin_id com.plugin.testPlugin //自定义插件的包名
--plugin_version 1.0.0 //自定义插件版本

—TestPlugin
|——src
|——www
|——plugin.xml

cd TestPlugin
plugman platform add --platform_name android

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

exports.coolMethod = function (arg0, success, error) {
    exec(success, error, 'TestPlugin', 'coolMethod', [arg0]);
};

TestPlugin //插件名称
coolMethod //方法名称

<?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.plugin.testPlugin" version="1.0.0">
  <name>TestPlugin</name>
  <js-module name="TestPlugin" src="www/TestPlugin.js">
    <clobbers target="cordova.plugins.TestPlugin"/>
  </js-module>
  <platform name="android">
    <config-file parent="/*" target="res/xml/config.xml">
      <feature name="TestPlugin">
        <param name="android-package" value="com.plugin.testPlugin.TestPlugin"/>
      </feature>
    </config-file>
    <config-file parent="/*" target="AndroidManifest.xml"/>
    <source-file src="src/android/TestPlugin.java" target-dir="src/com/plugin/testPlugin/TestPlugin"/>
  </platform>
</plugin>

id: 插件的标识，即发布安装到plugin 的 ID
name：插件的名称
js-module：对应我们的 javascript 文件，src 属性指向 www/TestPlugin.js
platform：支持的平台，这里仅仅用到了 android

npm init

C:\work\ionic\plugins\TestPlugin>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (testplugin)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to C:\work\ionic\plugins\TestPlugin\package.json:

{
  "name": "testplugin",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this ok? (yes) yes

C:\work\ionic\plugins\TestPlugin>

<p>
    <button ion-button color="primary" (click)="callMyPlugin()">call my plugin</button>
</p>

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
declare let cordova: any;
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }
  callTestPlugin(){
    cordova.plugins.TestPlugin.coolMethod("今天好运气，一老狼请吃鸡呀！",result=>alert(result),error=>alert(error));
  }
}

declare let cordova: any;

 <clobbers target="cordova.plugins.TestPlugin"/>

 <clobbers target="BaiduTTS"/>

BaiduTTS.XXX(xxxxx);//xxxx代表方法名或者参数

1）ionic cordova plugin list 列出所有已安装的插件
2）ionic cordova  plugin remove com.plugin.testPlugin 从ionic3项目中删除插件
3）ionic cordova plugin add 自定义插件路径 安装插件到ionic3项目

package com.plugin.testPlugin;

import org.apache.cordova.CordovaPlugin;
import org.apache.cordova.CallbackContext;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

/**
 * This class echoes a string called from JavaScript.
 */
public class TestPlugin extends CordovaPlugin {

    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
        if (action.equals("coolMethod")) {
            String message = args.getString(0);
            this.coolMethod(message, callbackContext);
            return true;
        }else if (action.equals("plus")) {//主方法中增加一段方法名称判断和调用的代码
            int x = args.getInt(0);
            int y = args.getInt(1);
            this.plus(x, y, callbackContext);
            return true;
        }
        return false;
    }

    private void coolMethod(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }

    //新增一个传入两个参数求和的方法
    private void plus(int x, int y, CallbackContext callbackContext) {
        callbackContext.success(x + y);
    }
}

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

var testAPI = {}

testAPI.coolMethod = function(arg0, success, error) {
    exec(success, error, "TestPlugin", "coolMethod", [arg0]);
};
//求和方法
testAPI.plus = function(arg0,arg1, success, error) {
    exec(success, error, "TestPlugin", "plus", [arg0,arg1]);
};

module.exports = testAPI;

 <p>
    <button ion-button color="primary" (click)="callTestPluginNew()">new plus function</button>
  </p>

  callTestPluginNew(){
    cordova.plugins.TestPlugin.plus(3,7,result=>alert(result),error=>alert(error));
  }

ionic cordova build android

此时目录结构是这样的：

TestPlugin------
                |------src
                |         |-----android
                |                      |------libs    (我们导入了一个jar嘛)
                |                      |          |--------alipaySdk-20161009.jar
                |                      | 
                |                      |------AliPay.java
                |                      |------AuthResult.java
                |                      |------PayResult.java
                |------www
                |          |------TestPlugin.js
                |-------plugin.xml
anrdoid文件夹是我们自己创建的，里面的libs和java文件是我们之前项目中拷贝过来的