首先注意的是,微信小程序支付成功后,是无法主动回到app的,必须手动触发才可以回到app
打开 App微信官方文档
APP拉起小程序功能
微信小程序手动触发的代码
- index.wxml文件核心代码
<!-- app-parameter:给app的参数。paySuccess表示为true表示支付成功,否则表示支付失败 -->
<van-button custom-class="aBtn" type="primary" open-type="launchApp" app-parameter="{{paySuccess}}" binderror="launchAppError">回到APP</van-button>
- index.js文件核心代码
goToPay(){
...
...
...已省略部分代码
...
....
//微信支付
wx.requestPayment({
'timeStamp': res.data.timeStamp,
'nonceStr': res.data.nonceStr,
'package': res.data.package,
'signType': res.data.signType,
'paySign': res.data.paySign,
'success': function (res) {
wx.showToast({
title: '支付成功',
icon: 'success',
duration: 2000
})
that.setData({
payStatus:true,// 没有获取到支付状态,就显示支付页面,否则就显示 回到app界面
paySuccess:true,// 支付成功,赋值给
})
},
'fail': function (res) {
console.log("提交失败")
that.setData({
payStatus:true,// 没有获取到支付状态,就显示支付页面,否则就显示 回到app界面
paySuccess:false,// 支付失败
})
}
})
},
launchAppError(e){
console.log("错误信息为:",e);
wx.showToast({
title: e.detail.errMsg,
icon:'none'
})
}
注意点
确保微信开放平台中创建的移动应用已经获取了获APP 中跳转至微信小程序,且回到原 APP 的权限
网友评论