很久就写了源码分析但是没写插件,今天就写个插件的文章了。。。
插件本地新建的步骤可以使用plugman的本身的创建插件的方式,首先安装plugman:
使用命令行:
$ npm install -g plugman
然后打开plugman -help命令可以看到其中有创建插件的方法:
使用命令行:
plugman create --name 填写插件名 --plugin_id 插件ID --plugin_version 插件版本号
例如:
以上就可以在根目录创建出一个初始插件。然后再在对应的目录中的文件中修改插件变成你自己的插件。
初始化出的插件目录结构为:
再修改plugin.xml文件,我写的名叫echo的插件的修改如下:
<?xml version='1.0' encoding='utf-8'?>
<plugin id="cordova-plugin-sunny-echo" version="0.0.1" xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
<name>echo</name>
<js-module name="echo" src="www/echo.js">
<clobbers target="cordova.plugins.echo" />
</js-module>
<!-- android -->
<platform name="android">
<config-file target="config.xml" parent="/*">
<feature name="Echo" >
<param name="android-package" value="org.apache.cordova.demo.Echo"/>
</feature>
</config-file>
<source-file src="src/android/Echo.java" target-dir="src/org/apache/cordova/demo" />
</platform>
</plugin>
再修改www目录下的js文件:
var exec = require('cordova/exec');
exports.coolMethod1 = function(str, success, error) {
exec(success, error, "Echo", "coolMethod1", [str]);
};
exports.coolMethod2 = function(str, success, error) {
exec(success, error, "Echo", "coolMethod2", [str]);
};
exports.coolMethod3 = function(str, success, error) {
exec(success, error, "Echo", "coolMethod3", [str]);
};
最后修改对应的src目录下的android目录下的java类(这里只介绍android):
package org.apache.cordova.demo;
import android.widget.Toast;
import org.apache.cordova.CallbackContext;
import org.apache.cordova.CordovaPlugin;
import org.json.JSONArray;
import org.json.JSONException;
public class Echo extends CordovaPlugin {
@Override
public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
if (action.equals("coolMethod1")) {
Toast.makeText(this.cordova.getActivity(),"coolMethod1",Toast.LENGTH_SHORT).show();
String message = args.getString(0);
this.coolMethod1(message, callbackContext);
return true;
}else if(action.equals("coolMethod2")){
Toast.makeText(this.cordova.getActivity(),"coolMethod2",Toast.LENGTH_SHORT).show();
String message = args.getString(0);
this.coolMethod2(message, callbackContext);
return true;
}else if(action.equals("coolMethod3")){
Toast.makeText(this.cordova.getActivity(),"coolMethod3",Toast.LENGTH_SHORT).show();
String message = args.getString(0);
this.coolMethod3(message, callbackContext);
return true;
}
return false;
}
private void coolMethod1(String message, CallbackContext callbackContext) {
if (message != null && message.length() > 0) {
callbackContext.success(message);
} else {
callbackContext.error("Expected one non-empty string argument.");
}
}
private void coolMethod2(String message, CallbackContext callbackContext) {
if (message != null && message.length() > 0) {
callbackContext.success(message);
} else {
callbackContext.error("Expected one non-empty string argument.");
}
}
private void coolMethod3(String message, CallbackContext callbackContext) {
if (message != null && message.length() > 0) {
callbackContext.success(message);
} else {
callbackContext.error("Expected one non-empty string argument.");
}
}
}
以上情况下的插件就已经写完了。
打包如下:http://pan.baidu.com/s/1nusJach 密码:autn
放到项目的根目录下:
运行命令行:
cordova plugin add echo
就能安装上去,然后运行效果如下:
完整代码如下:
链接: http://pan.baidu.com/s/1nuwMYxV 密码: aqg9
以上。