Android原生和MUI（也适合H5与原生交互）交互

最新推荐文章于 2022-10-26 17:28:23 发布

AndyYuan317

最新推荐文章于 2022-10-26 17:28:23 发布

阅读量1.7k

点赞数 2

分类专栏：移动混合H5开发基础知识 H5混合开发文章标签： MUI与Android原生交互 H5与Android H5与Android原生交互 MUI与Android原生

本文链接：https://blog.csdn.net/qq_42618969/article/details/102975759

版权

本文详细介绍了在Android原生环境中集成MUI框架后，如何进行H5与原生之间的通信交互。通过创建通讯类插件nativeManager.js，并在H5中调用，配合原生的OpenActivityUtils.java工具类，实现两者之间的消息传递和回调，以实现混合开发中的交互功能。

摘要由CSDN通过智能技术生成

上篇文章中讲述了Android原生怎么集成MUI框架的（Android原生集成MUI框架进行混合开发），这篇文章接上篇文章

来继续讲解在Android集成了MUI(或者H5)后进行原生与H5之间的通讯功能，从而实现其交互功能（项目Demo如下，有需要的可以下载查看）：

1在mui中新建通讯类插件nativeManager.js，代码如下：

/**
 * 原生平台操作管理器
 */
var nativeManager = {
   /**
    * 原生平台管理器
    */
   manager: {
      /**
       * iOS平台
       */
      iOS: {
         /**
          * 通知管理中心
          */
         get notificationCenter() { 
            return plus.ios.importClass("NSNotificationCenter").defaultCenter()
         }
      },
      /**
       * Android平台
       */
      android: {
         /**
          * 通知管理中心
          */
         get notificationCenter() {
            return plus.android.importClass("com.example.andyyuan.androidmui.OpenActivityUtils")
         },
         /**
          *  通信类名称
          */
         communicationClassName: "com.example.andyyuan.androidmui.OpenActivityUtils",
         /**
             *  通信类名称+回调
             */
            communicationClassNameCallBack: "com.example.andyyuan.androidmui.OpenActivityUtils$CallBack",
         /**
          *  通信类标准方法
          */
         communicationDefaultFunctionName: "loadDataFromH5ToNative",
         /**
          *  通信类回调标准方法
          */
         callBackDefaultFunctionName: "loadDataFromNativeToH5",
         /**
          *  通信类回调标准方法
          */
         callBackEvent: function (callBack) {
            var _self = nativeManager.manager.android
            var callBackDefaultFunctionName = _self.callBackDefaultFunctionName
            var communicationClassNameCallBack = _self.communicationClassNameCallBack
            return plus.android.implements("com.example.andyyuan.androidmui.OpenActivityUtils$CallBack", {
               "loadDataFromNativeToH5" : function(jsonObject){
                  callBack(jsonObject)
               }
            })
         },
         /**
          * h5发送消息给原生
          * @param {
          *           platform， 平台类型：Android
          *           methodType，方法类型：nativeManager