微信小程序的支付功能
发表时间:2020-10-19
发布人:葵宇科技
浏览次数:47
微信小程序的支付功能
微信小程序不仅是一个展示平台,更多的我们经常用到小程序的电商功能,支付的话呢,我们目前是要接入我们的微信支付
首先呢,是我们的第一点
应用的场景
分别呢,会有线下场所,我有公众号,我有小程序,我有pc网,我有app
不同的场景呢,支付类型各不相同:
第二步呢
开发准备
需要进行注册账号,微信小程序账号,微信商户平台账号
最后呢,就是我们的开发流程
发起微信支付即调用API wx.requestPayment(Object object)
根据过程,划分6个模块
1.下单
2.向后端发出支付请求
3.后端系统与微信服务进行交互,换取参数
4.发起微信支付
5.微信服务返回支付的结果
6.把结果通知给后端系统
/**
*
* @param {string|number} id 订单ID
* @param {string|number} totalPrice 订单总价
*/
pay(id,totalPrice){
wx.request({
url: 'https://xxxxxxxxx',
data: {
orderId: id,
orderPrice:totalPrice
},
success:res => {
wx.requestPayment({
timeStamp: res.data.timeStamp,
nonceStr: res.data.paySign,
package: res.data.paySign,
signType: 'MD5',
paySign: res.data.paySign,
success(res) {
console.log('支付成功')
},
fail(res) {
console.log('支付失败')
}
})
},
fail:err </span>=><span style="color: #000000;"> {
console.log(</span>'接口请求出错'<span style="color: #000000;">)
}
})
}</span></pre>