H5 页面与小程序之间 传递数据

H5 页面与小程序之间 传递数据

小程序里面的 H5页面与小程序之间怎么传递数据

webview与小程序之间的实时通信

1. webview主动发消息给小程序

webview可以利用jssdk提供的 wx.miniProgram.postMessage 接口发送消息给小程序，但是请注意，小程序不是实时处理这个消息的，⚠️ 仅在小程序后退、组件销毁、分享这三种情况下处理收到的消息。

http://www.piaoyi.org/wechat/wechat-miniprogram-webview.html

2. 小程序主动发消息给webview

. 小程序主动发消息，相对简单，只需要给webview的 src 赋值就可以了，可以传递参数过去，然后H5页面收到参数再处理就好。但是如果设置的url和上一次不同，webview会重新刷新加载，而对于一些单页面应用来说，webview是不能刷新的，那么我们还有一个方法，可以给url加上锚链接 #，然后通过监听 onhashchange 事件来判断锚链接是否发生变化。

配置域名白名单

https://www.jianshu.com/p/292f73512948

H5页面, 引入微信 JSSDK

wx.miniProgram.navigateTo & wx.reLaunch

https://blog.csdn.net/qq_35713752/article/details/84797312

wx.miniProgram.postMessage

postMessage & wx.navigateTo

https://segmentfault.com/a/1190000020122429

webview VS 小程序

https://zhuanlan.zhihu.com/p/46242844

refs

---

---

©xgqfrms 2012-2025

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---