回答-BFW问答

如何让webviewH5和miniProgram互相通讯？

其实原理很简单:

webviewH5 --> miniProgram

通过js调用微信JSSDK的wx.miniProgram.navigateTo方法跳转到小程序的指定页面并且把参数当做query带给小程序原生页面

miniProgram --> webviewH5

webview组件存在一个src属性, 用于展示指定的h5页面,

webview组件上的src属性如果只是改变了hash值, 当前组件上的页面是不会刷新的. 所以我们可以利用这个特性在miniProgram页面把想要传递给webviewH5的信息带到当前webview组件的src上. 当然, 是操作当前src的hash值

运行使用

小程序开发者工具导入微信小程序demo源码, 在/pages/index/index.js中修改webview组件访问地址指向webview.html的http地址。

完整的小程序示例项目代码：github地址https://github.com/abu3389/wx_app_webview

回答