收藏
回答

微信小程序嵌入webview,网页端向小程序发消息,小程序的bindmessage回调函数接收不到?

微信小程序嵌入webview,网页端向小程序发送消息,小程序的bindmessage回调函数接收不到,但是小程序调试工具能接收到网页向小程序发送的消息,开头是invokeAppService postMessage,也不知道在哪里接收的,回调函数也没有触发

回答关注问题邀请回答
收藏

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
    有用 2
    回复
  • River
    River
    03-18

    我也遇到类似的问题 在工具中能接收到 但是通过 bindmessage 绑定的函数根本不触发,怎回事

    03-18
    有用
    回复 4
    • 你不是从前
      你不是从前
      03-24
      你好,这个问题怎么解决的?我也遇到了
      03-24
      回复
    •  
       
      06-19
      哥们我也遇到了,怎么解决啊
      06-19
      回复
    • 平平淡淡
      平平淡淡
      06-20
      怎么解决
      06-20
      回复
    • ATP
      ATP
      07-08
      请问解决了吗?
      07-08
      回复
  • 智能回答 智能回答 该问答由AI生成
    01-03
    有用
登录 后发表内容