目录
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)
}