從事基于cordova開發(fā)混合APP也快一年了，一直沒有自己“親自操刀”寫一個插件，因?yàn)榫W(wǎng)上插件太豐富了，可恥了。

今天完整的記錄一次插件開發(fā)。

cordova環(huán)境6.4.0

• 第一步安裝：plugman

npm install -g plugman

• ?第二步：創(chuàng)建插件

plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>] [--variableNAME=VALUE] plugman create --name TestDialog --plugin_id com.testadialog --plugin_version 0.0.1

創(chuàng)建好了以后 進(jìn)入 該文件夾

然后該文件里面會自動幫我們創(chuàng)建好一系列文件

test-plugin-dialog

如下目錄結(jié)構(gòu)

-src

---android

-----TestDialog.java

-www

---TestDialog.js

-plugin.xml

如圖：

• 第三步：理解plugin.xml文件

<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android" id="com.testa_dialog" version="0.0.1"><name>TestDialog</name>//存放js接口文件 <js-module name="TestDialog" src="www/TestDialog.js"><clobbers target="cordova.plugins.TestDialog"/></js-module>//對應(yīng)插件的平臺<platform name="android"><config-file parent="/*" target="res/xml/config.xml"><feature name="TestDialog"><param name="android-package" value="com.testa_dialog.TestDialog"/></feature></config-file><config-file parent="/*" target="AndroidManifest.xml"/><source-file src="src/android/TestDialog.java" target-dir="src/com/testa_dialog/TestDialog"/></platform> </plugin>

• 第四步：安裝插件?

cordova plugin add ./TestDialog

• 第五步：成功安裝插件后，我們把a(bǔ)ndroid工程導(dǎo)入android studio中，第一次導(dǎo)入可能需要一些時間，耐心等待。如果實(shí)在等待不了，請F(tuán)Q。

• 第六步：理解cordova-plugin.js文件

?

圖中的id對應(yīng)是JS 接口文件中的cordova.define()中的一個參數(shù);如下所示

cordova.define("com.testadialog.TestDialog", function(require, exports, module) { var exec = require('cordova/exec');exports.coolMethod = function(arg0, success, error) {exec(success, error, "TestDialog", "coolMethod", [arg0]); };});

?

clobbers中的cordova.plugins.TestDialog是js 全局變量，配合你的js插件接口使用。

?

?在你的js文件中，如果需要調(diào)用coolMethod方法，即：

cordova.plugins.TestDialog.coolMethod()//調(diào)用該方法

• ?第六步：具體編寫插件

• exec函數(shù)中的參數(shù)：
• success:即native層成功回調(diào)
• error:即native層失敗回調(diào)
• 第三個參數(shù)：即對應(yīng)java類
• 第四個參數(shù)：即navtive對應(yīng)的方法
• 第五個參數(shù)：傳遞給native層的變量
• 分別對應(yīng)android中的：

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/niunai007/p/7020559.html

總結(jié)

以上是生活随笔為你收集整理的cordova 插件开发的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。