devbox
weixin_40725706
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android与uni-app 互相通信案例（包含源代码）_uniapp串口通信安卓

作者：weixin_40725706 | 2024-07-15 00:01:34

赞

踩

uniapp串口通信安卓

目录

一、背景

二、内容

1、原生Android部分

2、uni-app调用部分

3、最终效果

4、代码地址

一、背景

在uni-app开发过程中，有时候会遇到uni-app插件或者提供的api对硬件操作不太友好，需要使用原生Android开发对应模块，为了使得双方通信方便，特意封装了一个接口，可实现Android与Uni-app互相通讯。

二、内容

做完以下第一、第二部分，即可实现Android与uni-app 互相通信，当然双方通信有不同方式，具体情况具体分析，我的采用的方案是写Android原生插件,在uni-app中集成Android原生插件方式实现。

1、原生Android部分

Android原生涉及到的几个类，MyEvent.java（传递消息的ben类）,MyEventManager.java类作用（事件管理器用来处理事件与通知监听器），MyListener.java类，作用接口回调（监听器接口）。由于采用的是uni-app插件方式，故先去uni-app官网下载插件sdk进行开发。详情见最后的代码连接，以下只是例举用的类。

代码

  1.  
  2.  
  3. public class MyEvent {
  4.  
  5.     //数据
  6.     private Object data;
  7.  
  8.     //事件来源  字符串
  9.     private String source;
  10.  
  11.     //触发对象
  12.     private Object trigger;
  13.  
  14.     private int state;
  15.  
  16.     public MyEvent() {
  17.     }
  18.  
  19.     public MyEvent(Object data) {
  20.         this.data = data;
  21.     }
  22.  
  23.     public Object getTrigger() {
  24.         return trigger;
  25.     }
  26.  
  27.     public void setTrigger(Object trigger) {
  28.         this.trigger = trigger;
  29.     }
  30.  
  31.     public MyEvent(Object data, String source) {
  32.         this.data = data;
  33.         this.source = source;
  34.     }
  35.  
  36.     public Object getData() {
  37.         return data;
  38.     }
  39.  
  40.     public void setData(Object data) {
  41.         this.data = data;
  42.     }
  43.  
  44.     public String getSource() {
  45.         return source;
  46.     }
  47.  
  48.     public void setSource(String source) {
  49.         this.source = source;
  50.     }
  51.  
  52.     public int getState() {
  53.         return state;
  54.     }
  55.  
  56.     public void setState(int state) {
  57.         this.state = state;
  58.     }
  59.  
  60.     @Override
  61.     public String toString() {
  62.         return "MyEvent{" +
  63.                 "data=" + data +
  64.                 ", source='" + source + '\'' +
  65.                 ", trigger=" + trigger +
  66.                 ", state=" + state +
  67.                 '}';
  68.     }
  69.  
  70. }

MyEventManager.java

  1.  
  2.  
  3. /**
  4.  * 事件管理器
  5.  * 用来
  6.  * 处理
  7.  * 事件
  8.  * 与通知
  9.  * 监听器
  10.  */
  11. public class MyEventManager {
  12.  
  13.     private static MyEventManager myEventManager;
  14.  
  15.     private Map<String, Collection<MyListener>> listeners;
  16.  
  17.     /**
  18.      * 不能外部 new
  19.      * 实例化
  20.      */
  21.     private MyEventManager() {
  22.         this.listeners = new HashMap<String, Collection<MyListener>>();
  23.     }
  24.  
  25.     /**
  26.      * 返回监听 总数
  27.      *
  28.      * @return
  29.      */
  30.  
  31.     public int getSize() {
  32.         int size = 0;
  33.         for (String str : listeners.keySet()) {
  34.             size = size + listeners.get(str).size();
  35.  
  36.         }
  37.         return size;
  38.     }
  39.  
  40.     public Map<String, Collection<MyListener>> getListeners() {
  41.  
  42.         return listeners;
  43.     }
  44.  
  45.     /**
  46.      * 单例模式
  47.      *
  48.      * @return
  49.      */
  50.     public static MyEventManager getMyEventManager() {
  51.         if (myEventManager == null) {
  52.             synchronized (MyEventManager.class) {
  53.                 if (myEventManager == null) {
  54.                     myEventManager = new MyEventManager();
  55.                 }
  56.             }
  57.         }
  58.         return myEventManager;
  59.     }
  60.  
  61.     /***
  62.      * 添加事件
  63.      * @param listener    事件对象
  64.      * @param source      来源
  65.      */
  66.     public MyListener addListener(MyListener listener, String source) {
  67.  
  68.         if (listener != null && source != null) {
  69.             Collection<MyListener> myListeners = listeners.get(source);
  70.  
  71.             if (myListeners == null) {
  72.                 myListeners = new HashSet<MyListener>();
  73.                 listeners.put(source, myListeners);
  74.             }
  75.             myListeners.add(listener);
  76.  
  77.         }
  78.         return listener;
  79.  
  80.     }
  81.  
  82.     /***
  83.      * 添加事件
  84.      *  @param source      来源
  85.      * @param listener    事件对象
  86.      */
  87.     public MyListener addListener(String source, MyListener listener) {
  88.  
  89.         return addListener(listener, source);
  90.     }
  91.  
  92.     /**
  93.      * 移除监听
  94.      *
  95.      * @param listener
  96.      */
  97.     public void removeListener(MyListener listener) {
  98.         if (listeners == null || listener == null) {
  99.             return;
  100.         }
  101.  
  102.         //变量所有  找出相同的  删除
  103.         for (String str : listeners.keySet()) {
  104.  
  105.             Collection collection = listeners.get(str);
  106.             Iterator<MyListener> iter = collection.iterator();
  107.             while (iter.hasNext()) {
  108.                 MyListener next = (MyListener) iter.next();
  109.                 if (next == listener) {
  110.                     collection.remove(next);
  111.                     return;
  112.                 }
  113.             }
  114.         }
  115.  
  116.     }
  117.  
  118.     /***
  119.      *   发送数据
  120.      * @param data   数据
  121.      * @param source 来源
  122.      * @return
  123.      */
  124.     public static MyEvent postMsg(Object data, String source) {
  125.         MyEventManager myEventManager = MyEventManager.getMyEventManager();
  126.         MyEvent myEvent = new MyEvent(data);
  127.         myEvent.setSource(source);
  128.         if (myEventManager.listeners == null)
  129.  
  130.             return myEvent;
  131.         myEventManager.notifyListeners(myEvent, myEvent.getSource());
  132.         return myEvent;
  133.     }
  134.  
  135.     /**
  136.      * 通知所有的myListener
  137.      * 相同的 (source) 来源才通知
  138.      */
  139.     private void notifyListeners(MyEvent event, String source) {
  140.  
  141.         //取出  key为source 的  监听器集合
  142.         Collection<MyListener> collection = listeners.get(source);
  143.  
  144. //        Log.i(MyEventManager.class.getName(), source + "--->" + event.getData());
  145.  
  146.         if (collection == null) {
  147.             return;
  148.         }
  149.         //遍历监听器集合
  150.         Iterator<MyListener> iter = collection.iterator();
  151.         while (iter.hasNext()) {
  152.             MyListener next = iter.next();
  153.             //通知回调
  154.             next.onChange(event);
  155.         }
  156.  
  157.         //销毁事件对象
  158.         event = null;
  159.     }
  160.  
  161. }

MyListener.java类

  1.  
  2. public interface MyListener extends EventListener {
  3.     void onChange(MyEvent myEvent);
  4. }

BluetoothAndWifi.java类继承UniModule实现插件

  1.  
  2.  
  3. public class BluetoothAndWifi extends UniModule {
  4.  
  5.     public static int REQUEST_CODE = 1000;//请求码
  6.     public static int REQUEST_BLUETOOTH_CODE = 1001;//请求码
  7.  
  8.     @UniJSMethod(uiThread = false)
  9.     public void sendMsgToUni() {
  10.         MyEventManager.postMsg("==大宝==Android发送给==Uni-app====", "formAndroid");
  11.     }
  12.  
  13.     @UniJSMethod(uiThread = false)
  14.     public void initAndroidEventListner() {
  15.  
  16.         Ted();
  17.     }
  18.  
  19.     @UniJSMethod(uiThread = true)
  20.     public void Ted() {
  21.         Toast.makeText(mWXSDKInstance.getContext(), "==初始化监听AndroidEventListner==", Toast.LENGTH_SHORT).show();
  22.  
  23.         MyEventManager.getMyEventManager().addListener(new MyListener() {
  24.             @Override
  25.             public void onChange(MyEvent myEvent) {
  26.  
  27.                 if (myEvent.getSource().trim().equals("fromUni-app") ) {//判断过滤
  28.                     //从uniapp 或者原生传过来的数据
  29.                     Object data = myEvent.getData();
  30.                     Toast.makeText(mWXSDKInstance.getContext(), "==Uni传过来的数据====" + data, Toast.LENGTH_SHORT).show();
  31.                 }
  32.  
  33.             }
  34.         }, "fromUni-app");
  35.     }
  36.  
  37.     /**
  38.      * 加法运算
  39.      */
  40.     @UniJSMethod(uiThread = false)
  41.     public void addMathNumber(int a, int b, UniJSCallback callback) {
  42.         callback.invoke(a + b + 9);
  43.     }
  44.  
  45.     /**
  46.      * 原生toast提示
  47.      */
  48.     @UniJSMethod(uiThread = false)
  49.     public void showToast(String msg, UniJSCallback callback) {
  50.         Toast.makeText(mWXSDKInstance.getContext(), msg, Toast.LENGTH_SHORT).show();
  51.         callback.invoke(msg);
  52.     }
  53.  
  54.     /**
  55.      * 原生toast提示
  56.      */
  57.     @UniJSMethod(uiThread = false)
  58.     public void aShowToastOK(String msg, UniJSCallback callback) {
  59.         Toast.makeText(mWXSDKInstance.getContext(), msg, Toast.LENGTH_SHORT).show();
  60.         callback.invoke(msg);
  61.     }
  62.  
  63.     /**
  64.      * 跳转到
  65.      * wifi页面
  66.      */
  67.     @UniJSMethod(uiThread = false)
  68.     public void gotoWifiPage() {
  69.  
  70.         if (mUniSDKInstance != null && mUniSDKInstance.getContext() instanceof Activity) {
  71.             Intent intent = new Intent(mUniSDKInstance.getContext(), WiFiActivity.class);
  72.             ((Activity) mUniSDKInstance.getContext()).startActivityForResult(intent, REQUEST_CODE);
  73.         }
  74.  
  75.     }
  76.  
  77.  
  78.     @Override
  79.     public void onActivityResult(int requestCode, int resultCode, Intent data) {
  80.         if (requestCode == REQUEST_CODE && data.hasExtra("respond")) {
  81. //            Log.e("TestModule", "原生页面返回----"+data.getStringExtra("respond"));
  82.         } else {
  83.             super.onActivityResult(requestCode, resultCode, data);
  84.         }
  85.     }

怎么使用

  1.  
  2.  Android原生部分
  3.  //发送消息
  4.  MyEventManager.postMsg("==大宝==Android发送给==Uni-app====", "formAndroid");//发消息
  5.  
  6.  //初始化监听
  7.       MyEventManager.getMyEventManager().addListener(new MyListener() {
  8.             @Override
  9.             public void onChange(MyEvent myEvent) {
  10.  
  11.                 if (myEvent.getSource().trim().equals("fromUni-app") ) {//判断过滤
  12.                     //从uniapp 或者原生传过来的数据
  13.                     Object data = myEvent.getData();
  14.                     Toast.makeText(mWXSDKInstance.getContext(), "==Uni传过来的数据====" + data, Toast.LENGTH_SHORT).show();
  15.                 }
  16.  
  17.             }
  18.         }, "fromUni-app");
  19. //"fromUni-app" 标记 必须与发送消息的标记一样
  20.  
  21.  
  22. uni-app部分的代码
  23.  
  24. //获取java类 
  25. let myEventManager = plus.android.importClass("com.xiaoya.mylibrary.business.msg.MyEventManager");
  26. let eventManager = myEventManager.getMyEventManager();
  27.  
  28. let myListener = plus.android.implements("com.xiaoya.mylibrary.business.msg.MyListener", {
  29.                     onChange: function(event) {
  30.                         plus.android.importClass(event);
  31.                         console.log("==日志输出33333==" + event.getData());
  32.                         if (event.getSource() == 'formAndroid') {
  33.  
  34.  
  35.                             andoridModule.showToast(event.getData());
  36.                         }
  37.  
  38.                         //导入类  
  39.  
  40.                         //获取数据  
  41.                         // console.log);  
  42.                         //获取来源  
  43.                         // console.log(event.getSource();  
  44.                     }
  45.                 })
  46.  
  47.   // //添加监听器    
  48.   eventManager.addListener("formAndroid", myListener);
  49.  
  50.  
  51.

msg部分

2、uni-app调用部分

a、代码

  1.  
  2. <template>
  3.     <view class="content">
  4.         <input type="number" v-model="a" />
  5.         <input type="number" v-model="b" />
  6.         <button type="default" @click="sendMsgToUni">原生发消息给uni</button>
  7.         <button type="default" @click="add">加法</button>
  8.         <button type="default" @click="openwifi">打开wifi</button>
  9.         <button type="default" @click="openbluetooth">打开蓝牙</button>
  10.         <button type="default" @click="sendMsgToAndroid">Uni发消息给原生</button>
  11.     </view>
  12. </template>
  13.  
  14. <script>
  15.     // 引入插件
  16.     let andoridModule = uni.requireNativePlugin('BluetoothAndWifiPlugin');
  17.  
  18.     let myEventManager = plus.android.importClass("com.xiaoya.mylibrary.business.msg.MyEventManager");
  19.     let eventManager = myEventManager.getMyEventManager();
  20.  
  21.     export default {
  22.         data() {
  23.             return {
  24.                 a: 1,
  25.                 b: 2
  26.             }
  27.         },
  28.  
  29.         onLoad() {
  30.  
  31.  
  32.         },
  33.  
  34.         onShow() {
  35.             // 初始化原生数据接收监听
  36.             andoridModule.initAndroidEventListner();
  37.             this.initUniListener(); //初始化uni数据接收监听
  38.  
  39.         },
  40.  
  41.  
  42.         methods: {
  43.             // Uni发消息给原生
  44.             sendMsgToAndroid() {
  45.                 myEventManager.postMsg("==蘑菇头==发送消息==", "fromUni-app");
  46.             },
  47.             /* 原生发消息给uni */
  48.             sendMsgToUni() {
  49.  
  50.                 andoridModule.sendMsgToUni();
  51.             },
  52.             // 初始化Uni监听
  53.             initUniListener() {
  54.                 console.log("===日志输出111===" + myEventManager);
  55.                 console.log("===日志输出222===" + eventManager);
  56.  
  57.                 let myListener = plus.android.implements("com.xiaoya.mylibrary.business.msg.MyListener", {
  58.                     onChange: function(event) {
  59.                         plus.android.importClass(event);
  60.                         console.log("==日志输出33333==" + event.getData());
  61.                         if (event.getSource() == 'formAndroid') {
  62.  
  63.  
  64.                             andoridModule.showToast(event.getData());
  65.                         }
  66.  
  67.                         //导入类  
  68.  
  69.                         //获取数据  
  70.                         // console.log);  
  71.                         //获取来源  
  72.                         // console.log(event.getSource();  
  73.                     }
  74.                 })
  75.  
  76.                 // //添加监听器    
  77.                 eventManager.addListener("formAndroid", myListener);
  78.             },
  79.  
  80.             /*打开蓝牙*/
  81.             openbluetooth() {
  82.                 // this.jsCallNativeActivity();
  83.                  
  84.                 // andoridModule.goToBluetoothPage();
  85.             },
  86.  
  87.             /*openwifi页面跳转*/
  88.             openwifi() {
  89.  
  90.                 // myEventManager.postMsg("app 显示了", "onShow");
  91.                 andoridModule.gotoWifiPage();
  92.             },
  93.  
  94.             /**
  95.              * 相加
  96.              */
  97.             add() {
  98.  
  99.                 andoridModule.addMathNumber(this.a, this.b, (e) => {
  100.                     andoridModule.showToast('1+B=' + e);
  101.                 });
  102.             },
  103.  
  104.         }
  105.  
  106.     }
  107. </script>
  108.  
  109. <style>
  110.     .content {
  111.         padding-top: 200rpx;
  112.     }
  113. </style>

uni-app工程截图

3、最终效果

4、代码地址

代码还包含其他功能，例如uni-app调用

Android原生代码

https://download.csdn.net/download/shi450561200/87383612

uni-app代码

https://download.csdn.net/download/shi450561200/87383617

安卓原生与uniapp 互相通讯 （原生发送数据给uniapp uniapp 发送数据给原生） - DCloud问答

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/826931
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号