关于uniapp:uniapp-webview如何与H5相互通信

uniapp webview 如何与 H5 互相通信

h5 封装的代码能够从这里获取
git：https://github.com/MyButifull…

进入主题

一、uniapp 如何接管 H5 发送的音讯

uniapp 端：
应用 @message 来监听 H5 的音讯

H5 端：
index.htmel 导入 uni.webview.js 最新版地址：https://js.cdn.aliyun.dcloud….
这里有一个坑安卓端运行时会加载不了这个 JS，所以要加这个 js 代码拿下来本地再引入

运行时监听 uniappjs 加载实现，加载实现后可应用 window.uni.postMessage 发送音讯至 uniapp 底座。 发送内容要写在 data 里

document.addEventListener('UniAppJSBridgeReady', function(e) {uni.getEnv(function(res) {console.log('以后环境：' + JSON.stringify(res));
    });

    // 向 uniapp 底座发送音讯
    uni.postMessage({data: 'H5 发送的音讯'});
  });

二、uniapp 发送音讯给 H5