2021-02-06 让微信小程序和webviewH5实现互相通讯(demo)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2021-02-06 让微信小程序和webviewH5实现互相通讯(demo)相关的知识,希望对你有一定的参考价值。

参考技术A 在微信小程序里,webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋,小程序官方文档是这样描述的: 向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

https://github.com/abu3389/wx_app_webview

附加: Uniapp与webview通信用法
在web-view加载的本地及远程html中调用uni的API及网页和vue页面通讯
https://ask.dcloud.net.cn/article/id-35083__page-9

以上是关于2021-02-06 让微信小程序和webviewH5实现互相通讯(demo)的主要内容,如果未能解决你的问题,请参考以下文章

如何让微信小程序直接跳转到某个网页

让微信小程序每次请求的时候不改变session_id的方法

让微信小程序页面之间的通信不在变得困难

微信小程序webview的缓存问题

微信小程序 怎么让一个集合只展示两条数据

微信小程序内嵌webview,部分安卓机型无法打开h5界面