从webView的H5页面跳转回小程序

目录

wx.miniProgram.redirectTo
wx.miniProgram.postMessage

从微信小程序webView的 H5 页面中返回小程序，微信开发文档 提供了 wx.miniProgram接口返回小程序，在实际开发中很多人会忽略了路径是 '/path/to/page'，而非 'path/to/page'，导致返回不了小程序。

// 记得使用前引用微信
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

wx.miniProgram.navigateTo({ url: '/path/to/page' })

通过wx.miniProgram.postMessage可以给小程序传递一个参数，然后在小程序通过 bindmessage 事件来监听消息，具体代码入下。

H5 页面
  wx.miniProgram.postMessage({
    data: {
      password: d1,
      random: Random,
      randJnlNo: randJnlNo
    }
  });
  wx.miniProgram.navigateBack();  // 返回上一页面
小程序中
wxml：
<web-view src="{{wxmp}}/password-control-set?token={{token}}&tfccode={{tfccode}}" bindmessage="postMessage"></web-view>

js：
postMessage: function (e) {    //(h5像小程序传递参数）
    console.log(e.detail.data)
}