Cordova 自定义插件，包含有Jar包的插件

最新推荐文章于 2022-08-24 09:57:15 发布
最新推荐文章于 2022-08-24 09:57:15 发布
阅读量3k 收藏 3
点赞数
分类专栏： # Cordova + Ionic系列 文章标签： cordova 自定义 插件 自定义插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pcaxb/article/details/51202150
版权

转载请标明pcaxb的博客：http://blog.csdn.net/pcaxb/article/details/51202150


1.我们来创建一个自定义的插件，在你的硬盘中如我的G盘创建一个目录如下（说明：可以任意盘）  这里我们新建了一个  org.apache.cordova.mtoast的文件夹 当然这个名字可以随意，不过我们可以仿照他的默认的插件命名规则来


2. org.apache.cordova.mtoast，这个目录就是存放你自定义插件的根目录，在这个目录下面我们先新建这么几个文件 src文件  www文件  和plugin.xml  如下图

3.新建完成以后我们打开 src目录，然后在下面新建android目录如下图


 

4.新建完成android目录以后我们打开 在里面新建一个 MToast.java   如下图（注意java类名的命名规则）MToast.java里面的代码如下  一个简单的调用返回代码，和以前开发中写法一样的

这里的代码就是需要执行的插件代码，作用是通过客户端传递的参数再返回给客户端，其中execute方法是必须的，供客户端调用。

package org.apach.cordova.mtoast;

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

import android.widget.Toast;

public class MToast extends CordovaPlugin{

	//Java类中没有什么太多的限制，注意action和args参数就可以了，通过action判断需要执行哪里的代码
	@Override
	public boolean execute(String action, JSONArray args,
			final CallbackContext callbackContext) throws JSONException {
		// TODO Auto-generated method stub
		//return super.execute(action, args, callbackContext);

		if ("showAction".equals(action)) {
			final String content = args.getString(0);
			cordova.getActivity().runOnUiThread(new Runnable() {

				@Override
				public void run() {
					// TODO Auto-generated method stub
					mToast(content);
					callbackContext.success();
				}
			});
			return true;
		}else if ("showTest".equals(action)) {
			final String content = args.getString(0);
			cordova.getActivity().runOnUiThread(new Runnable() {

				@Override
				public void run() {
					// TODO Auto-generated method stub
					mToastTest(content);
					callbackContext.success();
				}
			});
			return true;
		}
		else{
			callbackContext.error("这不是一个Toast操作");
			return false;
		}
	}

	private void mToast(String content){
       Toast.makeText(webView.getContext(), content, Toast.LENGTH_SHORT).show();
	}
	
	private void mToastTest(String content){
	       Toast.makeText(webView.getContext(), content+"mToastTest", Toast.LENGTH_SHORT).show();
	}
	
}

至于其他的图function变量，我们完全可以自己定义

这里是与html页面交互的js代码，mToastJs.js

/**
 * Created by panchuanai on 16/4/20.
 */

//这个是固定的
var cordova=require('cordova');


//mToastJs可以随便取名
var mToastJs = function(){

}

//showMToast随便取名，就是调用的时候的方法名
mToastJs.prototype.showMToast = function(message,successCallback, errorCallback){
    alert(message);
    //cordova对应上面的cordova
    //MToast对应Java的类名，showAction对应类中的Action，通过这个Action判断Java类中要执行的代码
    cordova.exec(successCallback,errorCallback,"MToast","showAction",[message]);
}

//同理
mToastJs.prototype.showMToastTest = function(message,successCallback, errorCallback){
    alert(message);
    cordova.exec(successCallback,errorCallback,"MToast","showAction",[message]);
}

//这里和plugin中的
//    <js-module src="www/mToastJs.js" name="mToastJs">
//    <clobbers target="cordova.plugins.mToastJs" />
//    </js-module>
//和plugin.xml中这里的代码对应

if(!cordova.plugins){
    cordova.plugins = {};
}

if(!cordova.plugins.mToastJs){
    cordova.plugins.mToastJs = new mToastJs();
}

//
module.exports = new mToastJs();

 


6. 下一步是要写一个plugin.xml文件，用于命令行去进行插件的注册，在org.apache.cordova.mtoast文件夹下建立一个plugin.xml文件，刚才我们已经新建好了，代码如下：

<?xml version="1.0" encoding="UTF-8"?>

<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"    
    id="org.apach.cordova.mtoast"
    version="0.0.1">
    <name>MToast</name>
    <description>MToast Plugin</description>
    <license>Apache 2.0</license>
    <keywords>cordova,mtoast</keywords>
    

    <js-module src="www/mToastJs.js" name="mToastJs">
        <clobbers target="cordova.plugins.mToastJs" />
    </js-module>

      

    <!-- android -->
    <platform name="android">
		
		<source-file src="src/android/MToast.java" target-dir="src/org/apach/cordova/mtoast" />

        <config-file target="res/xml/config.xml" parent="/*">
            <feature name="MToast">
                <param name="android-package" value="org.apach.cordova.mtoast.MToast"/>
            </feature>
        </config-file>

        <!--<config-file target="AndroidManifest.xml" parent="/*">-->
            <!--<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />-->
        <!--</config-file>-->
     </platform>   

</plugin>

        <!--
        1.id="org.apach.cordova.mtoast" 这里对应Java类的包名

        2.这里的是看你自己的写就可以了
        version="0.0.1">
        <name>MToast</name>
        <description>MToast Plugin</description>
        <license>Apache 2.0</license>
        <keywords>cordova,mtoast</keywords>

        3.
        其中js-module指向的就是我们刚才所写的js文件的路径
        src指向www/mToastJs.js,name属性自己定义
        clobbers代表我们在客户端调用的时候的实例名，可以随便写，但是要和www中的Js中的名字对应
        <js-module src="www/mToastJs.js" name="mToastJs">
        <clobbers target="cordova.plugins.mToastJs" />
        </js-module>

        4.下面最重要的platform节点代表每个平台下的配置
        <platform name="android">

		<source-file src="src/android/MToast.java" target-dir="src/org/apach/cordova/mtoast" />
        src代表Java源文件的地址，target-dir代表你要拷贝到项目中的地址

        <config-file target="res/xml/config.xml" parent="/*">
            <feature name="MToast">
                <param name="android-package" value="org.apach.cordova.mtoast.MToast"/>
            </feature>
        </config-file>
        这个是使用命令行之后添加到config文件中的节点，其中的value代表从插件中Java文件的路径及类名（全路径）

        这里是该插件的权限配置
        <config-file target="AndroidManifest.xml" parent="/*">
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
        </config-file>
        </platform>
<span style="font-size:18px;">        --></span>

这样整个插件就已经完成了

如果是涉及到Jar包的请参考下面的配置，这个比较全面

<?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="cn.jpush.phonegap.JPushPlugin"
        version="2.0.2">

    <name>JPush Plugin</name>
    <description>JPush for cordova plugin</description>
    <author>JPush</author>
    <keywords>JPush,push</keywords>
    <license>Apache 2.0 License</license>

    <engines>
        <engine name="cordova" version=">=3.0"/>
    </engines>

    <js-module src="www/JPushPlugin.js" name="JPushPlugin">
            <clobbers target="window.plugins.jPushPlugin"/>
    </js-module>

    <platform name="ios">
            <config-file target="config.xml" parent="/*">
                <feature name="JPushPlugin">
                    <param name="ios-package" value="JPushPlugin"/>
                </feature>
            </config-file>

            <header-file src="src/ios/Plugins/JPushPlugin.h"/>
            <source-file src="src/ios/Plugins/JPushPlugin.m"/>

            <header-file src="src/ios/lib/APService.h" />
            <source-file src="src/ios/lib/libPushSDK-1.8.3.a" framework="true" />
            <header-file src="src/ios/Plugins/AppDelegate+JPush.h"/>
            <source-file src="src/ios/Plugins/AppDelegate+JPush.m"/>
            <resource-file src="src/ios/PushConfig.plist" />
            <framework src="CFNetwork.framework" weak="true" />
            <framework src="CoreFoundation.framework" weak="true" />
            <framework src="CoreTelephony.framework" weak="true" />
            <framework src="SystemConfiguration.framework" weak="true" />
            <framework src="CoreGraphics.framework" weak="true" />
            <framework src="Foundation.framework" weak="true" />
            <framework src="UIKit.framework" weak="true" />
            <framework src="Security.framework" weak="true" />
            <framework src="libz.dylib" weak="true" />

        </platform>

    <!-- android -->
    <platform name="android">

        <config-file target="res/xml/config.xml" parent="/*">
            <feature name="JPushPlugin">
                <param name="android-package" value="cn.jpush.phonegap.JPushPlugin"/>
            </feature>
        </config-file>

        <config-file target="AndroidManifest.xml" parent="/manifest">
            <!-- Required  一些系统要求的权限，如访问网络等-->
            <uses-permission android:name="$PACKAGE_NAME.permission.JPUSH_MESSAGE"/>
            <uses-permission android:name="android.permission.RECEIVE_USER_PRESENT"/>
            <uses-permission android:name="android.permission.INTERNET"/>
            <uses-permission android:name="android.permission.WAKE_LOCK"/>
            <uses-permission android:name="android.permission.READ_PHONE_STATE"/>
            <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
            <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
            <uses-permission android:name="android.permission.VIBRATE"/>
            <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
            <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
            <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
			<uses-permission android:name="android.permission.WRITE_SETTINGS"/>
            <permission
                    android:name="$PACKAGE_NAME.permission.JPUSH_MESSAGE"
                    android:protectionLevel="signature"/>
        </config-file>
        <config-file target="AndroidManifest.xml" parent="/manifest/application">
            <!-- Required SDK核心功能-->
            <activity
                    android:name="cn.jpush.android.ui.PushActivity"
                    android:theme="@android:style/Theme.Translucent.NoTitleBar"
                    android:configChanges="orientation|keyboardHidden">
                <intent-filter>
                    <action android:name="cn.jpush.android.ui.PushActivity"/>
                    <category android:name="android.intent.category.DEFAULT"/>
                    <category android:name="$PACKAGE_NAME"/>
                </intent-filter>
            </activity>
            <!-- Required  SDK核心功能-->
            <service
                    android:name="cn.jpush.android.service.DownloadService"
                    android:enabled="true"
                    android:exported="false">
            </service>
            <!-- Required SDK 核心功能-->
            <service
                    android:name="cn.jpush.android.service.PushService"
                    android:enabled="true"
                    android:exported="false">
                <intent-filter>
                    <action android:name="cn.jpush.android.intent.REGISTER"/>
                    <action android:name="cn.jpush.android.intent.REPORT"/>
                    <action android:name="cn.jpush.android.intent.PushService"/>
                    <action android:name="cn.jpush.android.intent.PUSH_TIME"/>

                </intent-filter>
            </service>
            <!-- Required SDK核心功能-->
            <receiver
                    android:name="cn.jpush.android.service.PushReceiver"
                    android:enabled="true">
                <intent-filter android:priority="1000">
                    <action android:name="cn.jpush.android.intent.NOTIFICATION_RECEIVED_PROXY"/>
                    <!--Required  显示通知栏 -->
                    <category android:name="$PACKAGE_NAME"/>
                </intent-filter>
                <intent-filter>
                    <action android:name="android.intent.action.USER_PRESENT"/>
                    <action android:name="android.net.conn.CONNECTIVITY_CHANGE"/>
                </intent-filter>
                <!-- Optional -->
                <intent-filter>
                    <action android:name="android.intent.action.PACKAGE_ADDED"/>
                    <action android:name="android.intent.action.PACKAGE_REMOVED"/>
                    <data android:scheme="package"/>
                </intent-filter>
            </receiver>

            <!-- User defined.  For test only  用户自定义的广播接收器 -->
            <receiver
                    android:name="cn.jpush.phonegap.MyReceiver"
                    android:enabled="true">
                <intent-filter android:priority="1000">
                    <action android:name="cn.jpush.android.intent.NOTIFICATION_RECEIVED_PROXY"/>
                    <!-- Required  显示通知栏 -->
                    <category android:name="$PACKAGE_NAME"/>
                </intent-filter>
                <intent-filter>
                    <action android:name="cn.jpush.android.intent.REGISTRATION"/>
                    <!-- Required  用户注册SDK的intent -->
                    <action android:name="cn.jpush.android.intent.UNREGISTRATION"/>
                    <action android:name="cn.jpush.android.intent.MESSAGE_RECEIVED"/>
                    <!-- Required  用户接收SDK消息的intent -->
                    <action android:name="cn.jpush.android.intent.NOTIFICATION_RECEIVED"/>
                    <!-- Required  用户接收SDK通知栏信息的intent -->
                    <action android:name="cn.jpush.android.intent.NOTIFICATION_OPENED"/>
                    <!-- Required  用户打开自定义通知栏的intent -->
                    <action android:name="cn.jpush.android.intent.ACTION_RICHPUSH_CALLBACK"/>
                    <!-- Optional 用户接受Rich Push Javascript 回调函数的intent -->
                    <category android:name="$PACKAGE_NAME"/>
                </intent-filter>
            </receiver>
            <!-- Required SDK核心功能-->
            <receiver android:name="cn.jpush.android.service.AlarmReceiver"/>
            <!-- Required  . Enable it you can get statistics data with channel -->
            <meta-data android:name="JPUSH_CHANNEL" android:value="developer-default"/>
            <meta-data android:name="JPUSH_APPKEY" android:value="your appkey"/>
        </config-file>

        <source-file src="src/android/jpush-sdk-release1.7.5.jar" target-dir="libs"/>
        <source-file src="src/android/armeabi/libjpush175.so" target-dir="libs/armeabi"/>
        <source-file src="src/android/armeabi-v7a/libjpush175.so" target-dir="libs/armeabi-v7a"/>
        <source-file src="src/android/arm64-v8a/libjpush175.so" target-dir="libs/arm64-v8a"/>

        <source-file src="src/android/JPushPlugin.java" target-dir="src/cn/jpush/phonegap"/>
        <source-file src="src/android/MyReceiver.java" target-dir="src/cn/jpush/phonegap"/>
    	  <source-file src="src/android/test_notification_layout.xml" target-dir="res/layout"/>
    	  <source-file src="src/android/jpush_notification_icon.png" target-dir="res/drawable"/>
    </platform>
</plugin>


配置之后可以到工程中看到：



转载请标明pcaxb的博客：http://blog.csdn.net/pcaxb/article/details/51202150

测试插件下载地址：http://download.csdn.net/detail/pcaxb/9498030


预见才能遇见
关注
专栏目录
Cordova开发自定义插件（详细篇含jar包调用）
lyc_xiaochao的博客
10-27 1万+
一． 准备工作1. 环境搭建Cordova的环境搭建此处npm有点慢，需用国内镜像本猿采用 命令行指定npm --registry https://registry.npm.taobao.org info underscore2. 创建一个cordova项目cordova create hello com.example.hello helloWorld3. 为项目添加android平台c
cordova 3.3.0.jar(含所有插件).rar
09-02
软件介绍: 附带所有插件的cordova 3.3.0.jar完全版，已经打包为JAR，下载解压后可以直接使用。本资源来源于互联网，可否使用请自行验证。
cordova 自定义插件demo（含jar包调用示例）
01-24
cordova自定义插件，实现toast，jar包的调用（利于对第三方jar包调用的理解），native与js的交互，实现android与js的信息回调。
cordova开发自定义插件（详细篇含jar包调用示例）
10-27
cordova自定义插件，实现toast，jar包的调用（利于对第三方jar包调用的理解），native与js的交互，实现android与js的信息回调。
cordova_3.4.jar包
01-20
打包好的phonegap3.4包，导入即可
Cordova3.4.0.jar 包
05-03
3.4.0版的android开发需要的Cordova3.4.0.jar 包
ionic3 自定义cordova插件的开发和调用（包含jar包调用，文件结构详解）
yang__Y的博客
08-24 684
ionic3 自定义插件的开发和调用（包含jar包调用，文件结构详解）
cordova-5.2.2.jar
10-17
适用于Android跟H5轻应用交互的库。通过自定义插件供H5应用实现如下载、打开Android本地资源库等功能
cordova.5.1.jar
12-24
基于PhoneGap/Cordova的Hybrid开发所需要的Cordova代码jar包，版本号是较新的5.1
cordova-3.3.0.jar
12-17
cordova-3.3.0.jar的jar包需要自己搞，如果不想下载的话可以去看看我的博客是怎么弄出来的，费了老大劲 --android新人
cordova-5.1.0.jar
02-23
欢迎使用我打包的cordova-5.1.0.jar包，测试没问题，请注意版本。 如果版本不对，请看文章（自己找到下载地址下载cordova_framework框架，然后用ant打包）： 用Ant工具将Cordova framework打包成Jar包，替代WebApp的CordovaLib依赖包。 http://blog.csdn.net/wzf420039341/article/details/50716273
cordova-3.4.0.jar
03-15
cordova-3.4.0.jar
[Android-cordova]获取3.4.0版的Cordova.jar包
热门推荐
ZMC330的专栏
05-03 1万+
自从2.3.0版本后，cordova项目就没有直接提供jar包下载了，
apache.cordova3.3.0 打jar包
趟过也是过
12-17 5357
apache.cordova 打jar包   话说apache为什么不把cordova打个jar包呢？给了源码，打包可难受了！！！不过终于搞出来了   1，首先看看下载下来的东西。要用到的是cordova-androd.zip 2，看看官网的指导信息http://cordova.apache.org/docs/en/3.3.0/  》Platform Guides》Android W
cordova android jar包,android-无法建立cordova.jar
weixin_33374400的博客
05-27 127
我目前正在尝试使用cordova(phonegap)进入移动设备的跨平台开发.现在,我正在尝试构建cordova.jar-所以我刚开始.当我运行android update project -p时. -t android-15在我的框架目录中,我得到输出：E:\eclipse\cordova-android-master\framework>android update project -p...
使用 Eclipse PhoneGap 构建 Android 应用程序入门
前端琅琊阁
08-19 1051
要求 Eclipse 是一种支持多种技术的开源集成开发环境 (IDE)，但本文重点介绍 Java 支持，这也是 Android 应用程序的“母语”。Android 是 Google 发布的开源移动操作系统。Android 现已成为许多智能手机和平板设备的操作系统，其中包括三星 Galaxy 系列手机和平板电脑、亚马逊 Kindle Fire 平板电脑、Barnes a
cordova（android）自定义封装第三方插件（引入jar，arr，maven，xml依赖）
qq_41468247的博客
03-24 1205
1.新建cordova 插件 参考链接：创建cordova插件
cordova自定义插件怎么调用
最新发布
05-26
要调用 Cordova 自定义插件，你需要遵循以下步骤： 1. 将插件添加到 Cordova 项目中。你可以使用 Cordova CLI 命令 `cordova plugin add <plugin-name>` 或手动将插件文件夹复制到 `plugins` 文件夹中。 2. 在你的 JavaScript 代码中，首先使用以下语句引入插件： ```javascript var myPlugin = cordova.require('<plugin-id>.<plugin-name>'); ``` 其中 `<plugin-id>` 是插件的 ID，`<plugin-name>` 是插件的 JavaScript 文件名（通常是插件名称加上 `.js` 后缀）。 3. 调用插件方法。你可以像调用普通 JavaScript 函数一样调用插件方法，例如： ```javascript myPlugin.myMethod(param1, param2, function(result) { console.log(result); }, function(error) { console.error(error); }); ``` 其中 `myMethod` 是插件方法名，`param1` 和 `param2` 是传递给方法的参数，第一个回调函数是成功时的回调函数，第二个回调函数是失败时的回调函数。 注意：调用插件方法前，请确保 Cordova 已经初始化完成。你可以在 `deviceready` 事件回调函数中调用插件方法，例如： ```javascript document.addEventListener('deviceready', function() { myPlugin.myMethod(param1, param2, function(result) { console.log(result); }, function(error) { console.error(error); }); }, false); ```
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值