微信小程序云开发实现微信支付功能业务逻辑可靠

网友投稿 307 2023-11-08

目录注册微信支付商户号小程序关联商户号业务逻辑代码实现

今天打了几把永劫无间后,咱们来聊一聊用云开发来开发微信小程序时,如何实现微信支付,并且保证业务逻辑可靠。

注册微信支付商户号

微信小程序云开发实现微信支付功能业务逻辑可靠

点击“成为商家”,按照操作提示去申请商户号即可(需要营业执照,个体户或公司都行。没有可以办一个)

小程序关联商户号

注册完成,登录进去,点击产品中心。再点击AppID账号管理,关联微信小程序的AppID,同意即可。

在微信开发者工具绑定商户号,点击云开发,进入云开发控制台,点击设置,点击其他设置,添加商户号,如下图操作即可

前期工作准备结束后,开始进入撸代码环节了

业务逻辑

这个是官方文档的一张微信支付的业务逻辑示意图。我以前看的时候还是挺懵的,不知所云。后来真正实践过才明白它的意思。

举个栗子可能更好明白,我们在开发跑腿小程序的时候呢,需要发布跑腿功能,发布时需要进行微信支付。

先看看我画的图,发布跑腿的一个业务逻辑

代码实现

pay云函数:

主要是用于获取回包,回包里面有wx.requestPayment 发起微信支付所需要的参数。
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const cloud = require(wx-server-sdk)
cloud.init({
env:   //填入你的云开发环境ID
})
exports.main = async (event, context) => {
const res = await cloud.cloudPay.unifiedOrder({
"body": event.body,
"outTradeNo" : event.outTradeNo, //不能重复,否则报错
"spbillCreateIp" : "127.0.0.1", //就是这个值,不要改
"subMchId" : "",  //你的商户号,
"totalFee" : event.totalFee*100,  //单位为分
"envId": "",  //填入你的云开发环境ID
"functionName": "pay_success",  //支付成功的回调云函数
"nonceStr":event.nonceStr,//随便弄的32位字符串,建议自己生成
"tradeType":"JSAPI"   //默认是JSAPI
})
return res
}

微信小程序前端代码调用pay云函数,并调用wx.requestPayment发起微信支付

这样就可以实现微信支付啦

特别注意,不要在wx.requestPayment接口的success回调函数里面写支付成功后的业务处理。切记!!!因为这里success回调函数只有用户点击了“完成”或者返回键才会被触发。万一用户支付完成,但不点击"完成"或者返回键,那会造成支付成功,但没去处理数据,导致数据不一致性的问题。

应该交给pay_success云函数来处理支付成功后的业务逻辑。

pay_success云函数:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
const cloud = require(wx-server-sdk)
cloud.init({
env:   //填入你的云开发环境ID
})
const db = cloud.database()
// 云函数入口函数
exports.main = async (event, context) => {
const orderId = event.outTradeNo
const returnCode = event.returnCode
if(returnCode == SUCCESS){
//更新云数据库的订单状态,改为已支付的状态即可
db.collection(publish).where({
_id:orderId,
}).update({
data:{
pay_status:true,  //改为已支付状态
}
})
const res = {errcode:0,errmsg:支付成功}//需要返回的字段,不返回该字段则一直回调
return res
}
}

改变状态之后,我们在接单大厅里去查询获取待接单信息的时候,要去获取已支付的待接单的订单,也就是pay_status:true状态的订单即可。保证了数据的一致性。

其实云开发实现微信支付也没有那么难。只不过业务逻辑需要更加严谨一点。以前自己太辣鸡,写的业务逻辑漏洞百出,惭愧...

您可能感兴趣的文章:小程序开发调用微信支付以及微信回调地址配置小程序通过小程序云实现微信支付功能实例小程序调用微信支付的方法小程序微信支付功能配置方法示例详解【基于thinkPHP】微信小程序调用微信支付接口的实现方法微信小程序微信支付接入开发实例详解微信小程序接入微信支付实现过程详解

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序开发之实现一个跑步小程序
下一篇:小程序如何运营推广?
相关文章

 发表评论

暂时没有评论,来抢沙发吧~