Cordova 自定義插件(android)

特別注意 android 項目的包名 必須為 com.example.hello，否則編譯不會通過。

1.安裝命令工具

$ npm i plugman -g

mac 電腦：$ sudo npmi plugman -g)

2.創建第一個插件

$plugman create --name FirstPlugin --plugin_id cordova-plugin-first-plugin --plugin_version 1.0.0

3.添加Android插件

$plugman platform add --platform_name android

注：平臺有 android、ios、windows

將 FirstPlugin 文件 改為 cordova-plugin-first-plugin

改后的文件結構

cordova-plugin-first-plugin

|-- src // 平臺源碼

|-- android // Android 平臺源碼

|-- www // 調用原生的js代碼

|-- package.json //

|-- plugin.xml // 插件配置文件

5.將 FirstPlugin.js 修改為

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

var FirstPlugin = {

testFirstPlugin: (arg0, success, error) => {

exec(success, error, 'FirstPlugin', 'testFirstPlugin', [arg0]);

}

}

module.exports = FirstPlugin;

6.將 plugin.xml 修改為

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

FirstPlugin

7.添加package.json 文件

plugman createpackagejson [插件路徑]

8.添加插件

到基于cordova的項目中，輸入以下命令

cordova plugin add [插件路徑]

9.調試插件

用Android sudio 打開cordova 項目。

android Studio打開項目

debug 啟動就能調試插件

10. 將 FirstPlugin.java 改為

package cordova.plugin.first.plugin;

import android.app.AlertDialog;

import com.example.hello.R;

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 FirstPlugin extends CordovaPlugin {

@Override

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

if (action.equals("testFirstPlugin")) {

String message = args.getString(0);

this.testFirstPlugin(message, callbackContext);

return true;

}

return false;

}

private void testFirstPlugin(String message, CallbackContext callbackContext) {

if (message != null && message.length() > 0) {

AlertDialog alertDialog = new AlertDialog.Builder(cordova.getContext())

.setTitle("這是標題")//標題

.setMessage("這是內容")//內容

.setIcon(R.mipmap.ic_launcher)//圖標

.create();

alertDialog.show();

callbackContext.success(message);

} else {

callbackContext.error("Expected one non-empty string argument.");

}

}

}

11.js 調用示例

try {

// console.log(window.FirstPlugin);

window.FirstPlugin.testFirstPlugin((res)=>{

console.log(res);

},(error)=>{

},null);

} catch (e) {

console.log(e);

console.log("請在真機或者模擬器運行");

}

12.插件最終效果

13.資源下載

js調用源碼

插件源碼

測試apk下載

14.如何調用一個原生的提示彈窗

android 原生彈窗博客

聯系我:QQ群 390736068

總結

以上是生活随笔為你收集整理的cordova自定义android插件,Cordova 自定义插件(Android版本)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。