uniapp支付流程,uniapp调用支付接口
Uni实现支付功能的方法包括：首先，获取可用的支付环境；然后判断用户是否有支付宝支付环境；然后从后端接口获取相关数据，在orderInfo中配置；最后，在得到后端返回数据后，调用相关的支付函数。
UNI-APP开发(仿饿)开发课程：进入学习
本教程运行环境：windows7系统，Uni-App版本2.5.1，thinkpad t480电脑。
推荐（免费）：uni-app开发教程
uniapp实现支付功能的方法：
//支付宝支付
zfbPay(){
Uni.getProvider({ //获取可用的支付环境
服务：付款，
成功：res={
If (~ res.provider.index of(支付宝)){/首先判断用户是否有支付宝支付环境。
Uni.showLoading({title:支付宝支付正在调整 })
让params={ //发什么参数给后端看你后端需要什么
钱：这个。数钱，
ispc:3
}
Uni.request({ //然后从后端接口获取相关数据并在orderInfo中配置。此接口已由后端配置。返回的结果见下图1-支付宝。
url: `${this。$ base URL }/API-order/amstc/userrechageaccountbyalipay `，
方法： POST ，
标题：{
Token:this.userToken，
“内容类型”:“应用程序/x-www-form-urlencoded”
},
数据：参数，
成功：res={
if(res.data.code==200){
让payInfo=res.data.data //在得到后端返回的数据后调用下面的支付函数
uni.requestPayment({
提供商：支付宝，
OrderInfo: payInfo，//支付宝订单数据(字符串型)
成功：res={
uni . hide loading()；
Uni.showToast({title:支付成功，icon:无 })
},
失败：错误={
uni . hide loading()；
Uni.showToast({title:支付失败，请稍后再试，icon:无 })
}
});
}
},
失败：()={
uni . hide loading()；
Uni.showToast({title:服务器正在消失，请稍后再试，icon:none})
}
});
}否则{
Uni.showToast({title:获取支付宝通道失败，请检查您的支付宝是否正常启用，图标：无 })
}
}
});
},
//微信支付
wxPay(){
uni.getProvider({
服务：付款，
成功：res={
if(~ RES . provider . index of( wxpay ){/首先判断用户是否有微信支付环境(是否安装了微信app)
Uni.showLoading({title:调用微信支付 })
让params={
钱：这个。数钱，
bs:4
}
Uni.request({ //然后从后端接口获取相关数据，在orderInfo中配置。此接口已由后端配置。返回的结果见下图2-微信。
url: `${this。$ base URL }/API-order/amstc/userrechargeaccountbyx `，
方法： POST ，
标题：{
Token:this.userToken，
“内容类型”:“应用程序/x-www-form-urlencoded”
},
数据：参数，
成功：res={
if(res.data.code==200){
let reso bj=JSON . parse(RES . data . data)
let payInfo={
appid: resobj.appid，
non castr:reso bj . nonce _ str，
package:Sign=WXPay ，
partnerid: resobj.mch_id，
prepayid: resobj.prepay_id，
时间戳：resobj.time_stamp，
sign: resobj.sign，
}
uni.requestPayment({
提供商： wxpay ，
OrderInfo: payInfo，//微信订单数据(对象类型)
成功：res={
uni . hide loading()；
Uni.showToast({title:支付成功，icon:无 })
},
失败：错误={
uni . hide loading()；
Uni.showToast({title:支付失败，请稍后再试，icon:无 })
}
});
}
},
失败：()={
uni . hide loading()；
Uni.showToast({title:服务器正在消失，请稍后再试，icon:none})
}
});
}否则{
Uni.showToast({title:获取微信频道失败，请检查您的微信是否正常开启，图标：无 })
}
}
});
}，支付宝得到orderInfo的接口
获取微信orderInfo的界面
相关免费学习推荐：php编程(视频)
以上是uniapp如何实现支付功能的详细内容。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。