微信小程序 web-view向小程序传值，跳转到其他小程序

官方文档中提到传参接口 bindmessage，但这个接口接收到参数的时机却只能是在小程序后退，组件销毁及分享的时候才起作用，不能响应点击事件

image.png

鉴于以上，将webview所在页面设为非一级页面，点击事件调用redirectTo接口，重定位到当前页面，各文件代码实现如下：

前端页面：
 
关注
 //跳转到小程序指定页面
 $("#bottom-attention").click(function(){
    if (window.__wxjs_environment === 'miniprogram') {
        wx.miniProgram.navigatback({
            url:'/pages/game/web'
        })
    }else{
        alert("请在微信浏览器中打开");
    }
 });
 
 $(function(){
    wx.miniProgram.getEnv(function (res) {
        if (res.miniprogram) {
            var info = {
                miniprogramId: 'wxe5f52902cf4de996'//参数
            };
            wx.miniProgram.postMessage({ data: info });
        }
     });
 });

小程序：
wxml 给web-view添加方法 getH5Message :


js实现方法getH5Message:
getH5Message: function (e) {
     wx.navigateToMiniProgram({
      appId: e.detail.data[0].miniprogramId,
      path: 'page/index/index',
      extraData: {
        foo: 'bar'
      },
      envVersion: 'develop',
      success(res) {
        console.log("点击了");
      }
    })
  }