微信小程序报错的原因是小程序进入后台后,不能调用relaunch函数。因为支付成功后,微信会弹出一个遮罩层,上面有个确定按钮。在遮罩层存在的情况下,小程序处于进入后台的状态,所以无法relaunch。
遮罩层如图所示:
文章图片
在支付成功的回调函数和弹出遮罩层几乎是同时的,所以这时候调用relaunch一定失败。
使用setTimeout也一定会失败,因为你不知道用户在几秒钟之后关闭遮罩层,这个时候,就需要想办法让它在进入前台里执行。
在微信7.0.9及之前版本,可以通过setData的回调来解决。因为之前版本,setData的回调是刷新UI界面的,在小程序进入前台(能被用户看到)时才执行。
但是安卓微信7.0.10,在有遮罩层的情况是提前刷新UI的,遮罩层一消失,用户就看到了已经渲染好的全新的页面。
所以支付后跳转的唯一解决方案是支付成功,或支付失败后,将需要重定向的URL保存起来。
支付后,小程序进入前台的时候再进行跳转。
这个时机就是onShow回调函数
时序是
支付成功回调->用户点击了支付成功页的确定->小程序onShow
所以跳转的逻辑是要写在onShow里。
1 支付成功回调
"success": function(res) {
that.setData({ redirectURL: redirectURL});
}
【调用wx.relaunch报错:fail can not invoke relaunch in background】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
});
}
});
}
}
推荐阅读
- 小程序|【视频倒放神器】超级玩法(千万不要倒放视频,太魔性了根本停不下来......)
- 小程序|最难忘的新年祝福,第一个让大家都惊喜的小程序(有趣、恶搞、好玩)
- 小程序|【自制壁纸生成器】2022新年壁纸领取,换一张手机壁纸,迎接2022叭~
- 白皮书|阿拉丁指数丨《2021 年度小程序互联网发展白皮书》4.5 亿+DAU 小程序的 6 大发展趋势
- 学习笔记|uni-app开发小程序
- 微信小程序的广告方式有哪些
- 公众号关联微信小程序功能介绍
- 微信小程序|微信小程序从入门到入土教程(02)
- 小程序|小程序性能优化的一些实践