调用wx.relaunch报错:fail can not invoke relaunch in background

微信小程序报错的原因是小程序进入后台后,不能调用relaunch函数。因为支付成功后,微信会弹出一个遮罩层,上面有个确定按钮。在遮罩层存在的情况下,小程序处于进入后台的状态,所以无法relaunch。
遮罩层如图所示:
调用wx.relaunch报错:fail can not invoke relaunch in background_第1张图片
在支付成功的回调函数和弹出遮罩层几乎是同时的,所以这时候调用relaunch一定失败。
使用setTimeout也一定会失败,因为你不知道用户在几秒钟之后关闭遮罩层,这个时候,就需要想办法让它在进入前台里执行。
在微信7.0.9及之前版本,可以通过setData的回调来解决。因为之前版本,setData的回调是刷新UI界面的,在小程序进入前台(能被用户看到)时才执行。
但是安卓微信7.0.10,在有遮罩层的情况是提前刷新UI的,遮罩层一消失,用户就看到了已经渲染好的全新的页面。
所以支付后跳转的唯一解决方案是支付成功,或支付失败后,将需要重定向的URL保存起来。
支付后,小程序进入前台的时候再进行跳转。
这个时机就是onShow回调函数
时序是
支付成功回调->用户点击了支付成功页的确定->小程序onShow
所以跳转的逻辑是要写在onShow里。
1 支付成功回调

"success": function(res) {
    that.setData({ redirectURL: redirectURL});
}

2 onShow代码,因为onShow会调用两次,所以加个判断

onShow() {
      if (this.data.redirectURL) {
        wx.reLaunch({
          url: this.data.redirectURL,
          fail: function (e) {

            let msg = '';
            for (var k in e) {
              msg += k;
              msg += e[k];
            }
            log.error(msg);
            wx.showModal({
              title: 'onShow',
              content: e.errMsg
            });
          }
        });
      }
    }

你可能感兴趣的:(小程序)