收藏
回答

web-view 嵌入网页,网页通过 postMessage 发送消息,小程序如何接收?

web-view 嵌入网页,网页通过 postMessage 发送消息,小程序如何接收,web-view 使用 bindnessage 绑定事件必须在指定情况下才能触发吗,有没有实时接收的方法?调试工具是有实时的输出 postmessage 发送的数据,但是绑定的事件并不会触发,这是个什么机制?

最后一次编辑于  2024-05-20
回答关注问题邀请回答
收藏

3 个回答

  • Erwa
    Erwa
    06-04

    小程序只会在特定时机才收到H5页面传过来的消息。这些特定的触发时机包括:

    1. 页面后退(wx.navigateBack): 当用户点击小程序的返回按钮,或者小程序调用 wx.navigateBack API 返回上一页时,bindmessage 事件会被触发,小程序会收到 H5 页面在当前 web-view 实例生命周期内所有 postMessage 发送的数据。
    2. 组件销毁: 当 web-view 组件所在的页面被销毁时(例如,用户从当前页面跳转到另一个页面,或者关闭小程序),bindmessage 事件会被触发。
    3. 分享(wx.onShareAppMessage): 当用户点击右上角的分享按钮,并通过 wx.onShareAppMessage 分享小程序时,bindmessage 事件会被触发。


    页面后退,组件销毁(跳转到另外页面)可以直接在H5页面中调用下面这些API来完成:

    • wx.miniProgram.navigateTo
    • wx.miniProgram.navigateBack
    • wx.miniProgram.switchTab
    • wx.miniProgram.reLaunch
    • wx.miniProgram.redirectTo


    所以,在H5页面中做完 wx.miniProgram.postMessage 操作后,你还需要执行一下上面的这些API。不然小程序的回调函数不会被触发。

    需要注意的是,如果你的小程序第一个页面就嵌入了web-view,那么H5中没办法使用wx.miniProgram.navigateBack返回,因为这已经是第一个页面了。


    微信关于 postMessage 机制的文档很垃圾,很多人都没看明白,社区里面关于这个的问题从22年到现在一直有人提就是不完善。

    06-04
    有用
    回复
  • 觅
    2024-09-06

    请问解决了吗

    2024-09-06
    有用
    回复
  • 神经蛙
    神经蛙
    2024-05-20

    1、webview 销毁的时候小程序可以收到

    2、页面分享的时候可以收到

    2024-05-20
    有用
    回复
登录 后发表内容