uni-app app和h5的通信

uni-app一套代码同时打包安卓、iOS、h5,有一些需要app与h5的交互通信,目前做到了这块的业务,记录如下：

1.去declould官网,找到uni_webview.js下载链接,将uni_webview.js文件下载到本地，修改uni_webview.js内部配置,将uni修改为webUni,修改好的文件已放到文章顶部

2.把修改完的uni_webview.js放到项目目录下

3.在main.js文件中引入uni_webview.js,建立桥接关系

import * as webUni from '@/common/uni_webview.js'
document.addEventListener('UniAppJSBridgeReady', () => {
    // 将uniWebView赋值给vue原型，方便调用
    Vue.prototype.$webUni = webUni
});

4.实现h5给app发消息

h5端：

用 this.$webUni.postMessage({})函数发送消息

//h5发送消息
            // #ifdef H5
                setTimeout(()=>{
                    this.$webUni.postMessage({
                        data: {
                            action: "reloadHome",
                        },
                    });
                },100)
            // #endif

App端：

webview通过@message接收消息

<web-view :src="walletUrl"  @message="onMessage" ></web-view>