ionic之cordova插件自定义

痛定思痛。 2022-09-24 06:22 240阅读 0赞

## 插件文件目录 ##

![这里写图片描述][20160727114944964]

## 插件java类 ##

package com.cool.toast;
    
    import org.apache.cordova.CallbackContext;
    import org.apache.cordova.CordovaPlugin;
    import org.json.JSONArray;
    import org.json.JSONException;
    import android.content.Intent;
    import android.widget.Toast;
    
    public class ShowToast extends CordovaPlugin { 
    
    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
    // TODO Auto-generated method stub
    if("showToast".equals(action)){
    Toast.makeText(cordova.getActivity(), "show...", Toast.LENGTH_SHORT).show();
    callbackContext.success("success");
    return true;
    }
     callbackContext.error("error");
     return false;
    }
    }

## 插件js代码 ##

var exec = require('cordova/exec');
    var myFunc = function(){ };
    
    
    // arg1：成功回调
    // arg2：失败回调
    // arg3：将要调用类配置的标识
    // arg4：调用的原生方法名
    // arg5：参数，json格式
    myFunc.prototype.showToast=function(success, error) { 
      exec(success, error, "CoolToast", "showToast", []);
    };
    var showt = new myFunc();
    module.exports = showt;

## 插件plugin代码 ##

<?xml version='1.0' encoding='utf-8'?>
    <plugin id="coolPlugin" version="0.0.1" xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
      <name>CoolPlugin</name>
      <js-module name="CoolPlugin" src="www/CoolPlugin.js">
        <clobbers target="cool.toast" />
      </js-module>
      
      <platform name="android">
        <config-file target="res/xml/config.xml" parent="/*">
          <feature name="CoolToast">
            <param name="android-package" value="com.cool.toast.ShowToast"/>
          </feature>
        </config-file>
    
    
        <source-file src="src/android/ShowToast.java" target-dir="src/com/cool/toast" />
    
    
        <config-file target="AndroidManifest.xml" parent="/*">
          <uses-permission android:name="android.permission.READ_PHONE_STATE" />
        </config-file>
      </platform>
    </plugin>

## 插件打包 ##

使用命令：ionic plugin add 插件目录 ##E:\Coolplugin

![这里写图片描述][20160727115137311]

## 插件调用 ##

因为测试使用的是ionic的代码，所以在run方法里面增加了插件测试调用

.run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {
          // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
          // for form inputs)
          if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            cordova.plugins.Keyboard.disableScroll(true);
    
          }
          if (window.StatusBar) {
            // org.apache.cordova.statusbar required
            StatusBar.styleDefault();
          }
          //alert("$ionicPlatform.ready");
          cool.toast.showToast();//调用插件
        });
      })

## 打包apk ##

ionic build android

![这里写图片描述][20160727115410342]

![这里写图片描述][20160727115417968]

## 测试效果 ##

![这里写图片描述][20160727115526270]

感谢两位大神的无私分享：

[cool丶博客][cool]  
[WENYI博客][WENYI]

[20160727114944964]: /images/20220719/3fab72befbba4ab1b6263bfff8057968.png
[20160727115137311]: /images/20220719/49bb3855bd074fbb8f72b0e0718da757.png
[20160727115410342]: /images/20220719/994dac19f0d84f18a8ace2d0d6756480.png
[20160727115417968]: /images/20220719/61b37686800c48d48d4ee29bd4222283.png
[20160727115526270]: /images/20220719/22159bebe6b1453ba3a0b628d549f60f.png
[cool]: http://blog.csdn.net/cool_fuwei/article/details/51151759
[WENYI]: http://www.wenzhixin.net.cn/2014/03/20/cordova_my_plugin