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