uniapp之APP/微信小程序/公众号支付
await this.$http({
apiName:"wxPayConfig",
type:"POST",
data:{
orderId:this.orderId
}
}).then(res => {
}).catch(_ => {})
await this.$http({
apiName:"aliPay",
type:"POST",
data:{orderNo:this.orderId}
}).then(res => {}).catch(_ => {})
2,调用支付:
// #ifdef MP-WEIXIN
let obj = {
nonceStr: res.data.nonceStr,
timeStamp: res.data.timeStamp,
package:res.data.packageValue,
signType:res.data.signType,
paySign:res.data.paySign,
appId: res.data.appId
}
uni.requestPayment({
provider: wxpay,
...obj,
success: function (res) {
uni.redirectTo({
url:"/pages/money/paySuccess"
})
},
fail: function (err) {
uni.redirectTo({
url:"/pages/money/payFail"
})
}
});
// #endif
二、APP支付宝支付
1,manifest的APP SDK中勾选支付宝支付
2,调用支付:
uni.requestPayment({
provider: alipay,
orderInfo: res.data, //支付宝订单数据
success: function (data) {
uni.redirectTo({
url:"/pages/money/paySuccess"
})
},
fail: function (err) {
uni.redirectTo({
url:"/pages/money/payFail"
})
}
});
2,调用支付:
// #ifdef MP-WEIXIN
let obj = {
nonceStr: res.data.nonceStr,
timeStamp: res.data.timeStamp,
package:res.data.packageValue,
signType:res.data.signType,
paySign:res.data.paySign,
appId: res.data.appId
}
uni.requestPayment({
provider: wxpay,
...obj,
success: function (res) {
uni.redirectTo({
url:"/pages/money/paySuccess"
})
},
fail: function (err) {
uni.redirectTo({
url:"/pages/money/payFail"
})
}
});
// #endif
1,开通JSAPI支付
2,两个支付方法
(1)使用WeixinJSBridge调用支付
定义方法:
支付调用:
(2)使用jssdk支付
安装jweixin-module
npm install jweixin-module --save
util.js
进入页面调用授权:
调用支付:
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序网络通信:WebSocket
