場(chǎng)景:要實(shí)現(xiàn)公司微信小程序的電商模塊微信支付功能
一.實(shí)現(xiàn)步驟和思路
在登錄狀態(tài),登錄的時(shí)候獲取到code,利用code獲取到openid:https://blog.csdn.net/weixin_45308405/article/details/128868377?spm=1001.2014.3001.5501
在manifest.json文件“App模塊配置”項(xiàng)的“Payment(支付)”下,勾選“微信支付”項(xiàng)
到對(duì)應(yīng)界面獲取到訂單編號(hào)利用訂單編號(hào)調(diào)用后臺(tái)接口返回支付的數(shù)據(jù)
調(diào)用uniapp小程序支付API實(shí)現(xiàn)登錄
二.實(shí)現(xiàn)
在manifest.json文件下設(shè)置好Payment(支付)

調(diào)用后臺(tái)接口返回支付的數(shù)據(jù)
const res = await RequesApi.OrderApi(isCart.value == '2' ? cartOrderData : orderData)
if (res.data.Code == '0') {
const res_a = await RequesApi.AppPayApi({
"DoType": "8", //1支付操作
"OrderNO": res.data.Data[0], //訂單編號(hào)
'OpenId': uni.getStorageSync('openid')//登錄時(shí)獲取openid
})
}
調(diào)用uniapp提供的微信支付的API文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-673937.html
文檔地址:uniapp微信支付文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-673937.html
uni.requestPayment({
provider: 'wxpay',
orderInfo: '',
// appId: appId,//小程序的appid
timeStamp: res_a.data.Data[0].TimeStamp,//時(shí)間戳,要字符串類型的
nonceStr: res_a.data.Data[0].NonceStr,//隨機(jī)字符串,長(zhǎng)度為32個(gè)字符以下。
package: res_a.data.Data[0].Package,//prepay_id 參數(shù)值,提交格式如:prepay_id=xx
signType: res_a.data.Data[0].SignType, //MD5類型
paySign: res_a.data.Data[0].PaySign,//簽名
success: function (res) {
//支付成功的回調(diào) 成功之后你想做什么在這里操作 比如彈窗一個(gè)提示:支付成功等
uni.showToast({
title: '支付成功!',
icon: 'success'
})
},
fail: function (err) {
//支付失敗的回調(diào) 失敗之后你想做什么在這里操作 比如彈窗一個(gè)提示:支付失敗等
console.log(err);
}
});
到了這里,關(guān)于【微信小程序支付功能】uniapp實(shí)現(xiàn)微信小程序支付功能的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!