android端与H5端数据交互

由于最近app需要做消息通知,所以事件需要经过android发给h5界面进行数据更新.

一.android代码:

public class MacrosanEvent {
    //数据
    private  Object data;

    //事件来源  字符串
    private  String source;

    //触发对象
    private  Object  trigger;

    public MacrosanEvent(Object data) {
        this.data = data;
    }

    public static MacrosanEventManager getMacrosanEventManager() {
        return MacrosanEventManager.getMsEventManager();
    }


    public Object getTrigger() {
        return trigger;
    }

    @Override
    public String toString() {
        return "MyEvent{" +
                "data=" + data +
                ", source='" + source + '\'' +
                ", trigger=" + trigger +
                '}';
    }

    public void setTrigger(Object trigger) {
        this.trigger = trigger;
    }

    public MacrosanEvent(Object data, String source) {
        this.data = data;
        this.source = source;
    }

    public MacrosanEvent() {
    }

    public Object getData() {
        return data;
    }

    public void setData(Object data) {
        this.data = data;
    }

    public String getSource() {
        return source;
    }

    public void setSource(String source) {
        this.source = source;
    }
}

import android.util.Log;

import java.util.Collection;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Iterator;
import java.util.Map;

public class MacrosanEventManager {

    private static MacrosanEventManager myEventManager;

    private Map<String, Collection<MacrosanListener>> listeners;

    /**
     * 不能外部 new  实例化
     */
    private MacrosanEventManager() {
        this.listeners = new HashMap<>();
    }

    /**
     * 返回监听 总数
     *
     * @return
     */

    public int getSize() {
        int size = 0;
        for (String str : listeners.keySet()) {
            size = size + listeners.get(str).size();

        }
        return size;
    }

    public Map<String, Collection<MacrosanListener>> getListeners() {
        return listeners;
    }

    /**
     * 单例模式
     *
     * @return
     */
    public static MacrosanEventManager getMsEventManager() {
        if (myEventManager == null) {
            synchronized (MacrosanEventManager.class) {
                if (myEventManager == null) {
                    myEventManager = new MacrosanEventManager();
                }
            }
        }
        return myEventManager;
    }

    /***
     * 添加事件
     * @param listener    事件对象
     * @param source      来源
     */
    public MacrosanListener addListener(MacrosanListener listener, String source) {
        if (listener != null && source != null) {
            Collection<MacrosanListener> myListeners = listeners.get(source);
            if (myListeners == null) {
                myListeners = new HashSet<>();
                listeners.put(source, myListeners);
            }
            myListeners.add(listener);

        }
        return listener;

    }

    /***
     * 添加事件
     *  @param source      来源
     * @param listener    事件对象
     */
    public MacrosanListener addListener(String source, MacrosanListener listener) {
        return addListener(listener, source);
    }

    /**
     * 移除监听
     *
     * @param listener
     */
    public void removeListener(MacrosanListener listener) {
        if (listeners == null || listener == null) {
            return;
        }

        //变量所有  找出相同的  删除
        for (String str : listeners.keySet()) {

            Collection collection = listeners.get(str);
            Iterator<MacrosanListener> iter = collection.iterator();
            while (iter.hasNext()) {
                MacrosanListener next = (MacrosanListener) iter.next();
                if (next == listener) {
                    collection.remove(next);
                    return;
                }
            }
        }

    }

    /***
     *   发送数据
     * @param data   数据
     * @param source 来源
     * @return
     */
    public static MacrosanEvent postMsg(Object data, String source) {
        MacrosanEventManager myEventManager = MacrosanEventManager.getMsEventManager();
        MacrosanEvent myEvent = new MacrosanEvent(data);
        myEvent.setSource(source);
        if (myEventManager.listeners == null)
            return myEvent;
        myEventManager.notifyListeners(myEvent, myEvent.getSource());
        return myEvent;
    }

    /**
     * 通知所有的myListener    相同的 (source) 来源才通知
     */
    private void notifyListeners(MacrosanEvent event, String source) {

        //取出  key为source 的  监听器集合
        Collection<MacrosanListener> collection = listeners.get(source);
        Log.i(MacrosanEventManager.class.getName(), source + "--->" + event.getData());

        if (collection == null) {
            return;
        }
        //遍历监听器集合
        Iterator<MacrosanListener> iter = collection.iterator();
        while (iter.hasNext()) {
            MacrosanListener next = iter.next();
            //通知回调
            next.onChange(event);
        }

        //销毁事件对象
        event = null;
    }
}

import java.util.EventListener;

public interface MacrosanListener extends EventListener {
    void onChange(MacrosanEvent msEvent);
}

发送数据代码:

  MacrosanEventManager.postMsg(数据,"h5约定方法名称");
eg:  MacrosanEventManager.postMsg(jsonModel,"websocket-event");

接收数据代码:

public class RefreshListener implements MacrosanListener {
    private static final String TAG = "RefreshListener";
    @Override
    public void onChange(MacrosanEvent myEvent) {
        //从uniapp/h5或者原生传过来的数据
        String  data = myEvent.getData().toString();
       
    }
}

 再MainActivity中编写

MacrosanEventManager.getMsEventManager().addListener(new RefreshListener(), "与h5约定方法名");//和发送数据方法名称不一样

eg:
MacrosanEventManager.getMsEventManager().addListener(new RefreshListener(), "websocket-event1");

二.H5端代码:

我是直接写了一个组件注册到首页,下面是组件内容:

/**
* 安卓通信器。
*/
<template>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		computed: {
			devices: function() {
				return this.$store.state.ipInfo.ipInfos;
			}
		},
		methods: {
			postMsg: function(data, source) {
				this.msEventManager.postMsg(data, source);
			},
			getMsg: function() {

				let androidPackage = "XXXXX安卓包名";
;
				this.msEventManager = plus.android.importClass(androidPackage + ".MacrosanEventManager");
				this.eventManager = this.msEventManager.getMsEventManager();
				let self = this;
				//新建监听器  
				this.msListener = plus.android.implements(androidPackage + ".MacrosanListener", {
					onChange: function(event) {
						plus.android.importClass(androidPackage + ".MacrosanEvent");
						//获取数据
						let messages = event.getData();
						

					}
				})

				//添加监听器    
				this.eventManager.addListener("websocket-event", this.msListener);
			}
		},
		mounted() {
		
			let self = this;

			if (window.plus) {
				// 在这里调用5+ API 
				this.getMsg();
			} else { // 兼容老版本的plusready事件 
				document.addEventListener('plusready', function() {
					// 在这里调用5+ API
					self.getMsg();

				}, false);
			}
		},
		watch: {
			devices: function(nv, ov) {
				this.postMsg(JSON.stringify(nv), "websocket-event1");
			}
		}
	}
</script>

<style>
</style>

这样就大功告成了

注:遇到一个特别坑的地方,有的方法名称不生效,目前没找到原因,如果交互失败,代码也确定没问题,将约定方法名称修改下可能会成功