网友回复
如何让webviewH5和miniProgram互相通讯?
其实原理很简单: webviewH5 --> miniProgram通过js调用微信JSSDK的wx.miniProgram.navigateTo方法跳转到小程序的指定页面并且把参数当做query带给小程序原生页面
miniProgram --> webviewH5webview组件存在一个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