uniapp WebView与H5页面通信

1、参数拼在url里

在h5页面里用window对象获取拼接的url

 

2、H5环境中 用window.postMessage传递数据

 

 用window.addEventListener("message", receiveMessage, false);

 3、APP环境与微信小程序中

可以通过 uni.postMessage 在 HTML 中向应用发送消息

H5端 uni.postMessage参数格式，传递的消息信息必须在 data 这个对象中

 

监听 web-view 的 message 事件

监听 web-view 组件的 message 事件，然后在事件回调的 event.detail.data 中接收传递过来的消息。

 每次执行 postMessage 后，传递的消息会以数组的形式存放。因此，在 web-view 的 message 事件回调中，接收到的 event.detail.data 的值是一个数组。

H5页面后退时 接收到消息

 

注意事项：

1. 小程序仅支持加载网络网页，不支持本地html
2. 小程序端应用会在此页面后退时接收到消息
3. App 网页向应用 postMessage 为实时消息

更多相关的查看链接