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

 更新时间:2022年05月12日 08:29:38   作者:小秃僧  
这篇文章主要介绍了微信小程序云开发实现微信支付功能,云开发来开发微信小程序时,如何实现微信支付,并且保证业务逻辑可靠,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧

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

注册微信支付商户号

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

小程序关联商户号

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

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


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

业务逻辑


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

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

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

代码实现

pay云函数:
主要是用于获取回包,回包里面有wx.requestPayment 发起微信支付所需要的参数。

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发起微信支付

  //使用微信支付
  pay:function(id){
    let that = this;
    wx.showLoading({
      title: '正在支付',
    })
    wx.cloud.callFunction({
      name: 'pay',  //云函数的名称
      data:{
          body:'支付跑腿费',
          outTradeNo:id,      //用记录号来做订单号,因为记录号也是唯一的。
          totalFee:that.data.price,
          nonceStr:'5K8264ILTKCH16CQ2502SI8ZNMTM67VS'
      },
      success: res => {
        console.log(res)
        const payment = res.result.payment
        wx.hideLoading();
        wx.requestPayment({
          ...payment, //...这三点是 ES6的展开运算符,用于对变量、数组、字符串、对象等都可以进行解构赋值。
          success (res) {
             //这里success回调函数只有用户点击了“完成”或者返回键才会被触发
             //所以不要在这里写改变订单为已支付的业务逻辑
             //万一用户支付完成,但不点击"完成"或者返回键,那会造成数据不一致性的问题
             
            console.log('支付成功', res)
            wx.showToast({
              title: '下单成功',
              icon: 'success',
              duration: 2000
            })
          },
          fail (err) {
            console.error('支付失败', err) //支付失败之后的处理函数,写在这后面
            //为了节省数据库的空间,支付失败的订单可以删除
            db.collection('publish').doc(id).remove()
          },
        })
      },
      fail(ere){
          //为了节省数据库的空间,支付失败的订单可以删除
          db.collection('publish').doc(id).remove()
      },
    })
  },

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

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

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

pay_success云函数:

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状态的订单即可。保证了数据的一致性。

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

到此这篇关于微信小程序云开发实现微信支付功能业务逻辑可靠的文章就介绍到这了,更多相关小程序云开发实现微信支付内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 利用原生JS与jQuery实现数字线性变化的动画

    利用原生JS与jQuery实现数字线性变化的动画

    最近在工作中遇到一个需要,需要将数字实现递增的动态显示,从网上找了相关的资料发现利用原生JS与jQuery都可以实现,suoyi8下面这篇文章主要给大家介绍了利用原生JS与jQuery实现数字线性变化动画的相关资料,需要的朋友可以参考下。
    2017-02-02
  • JavaScript实现字符串截取的三个方法总结

    JavaScript实现字符串截取的三个方法总结

    在 JavaScript 中,可以使用 substr()、slice() 和 substring() 方法截取字符串。这篇文章就来通过一些示例和大家聊聊这些方法的具体操作,需要的可以参考一下
    2023-02-02
  • js实现的在本地预览图片功能示例

    js实现的在本地预览图片功能示例

    这篇文章主要介绍了js实现的在本地预览图片功能,结合实例形式分析了JavaScript兼容移动web与IE浏览器的图片预览功能相关实现技巧,需要的朋友可以参考下
    2019-11-11
  • JavaScript 防篡改对象的用法示例

    JavaScript 防篡改对象的用法示例

    这篇文章主要介绍了JavaScript 防篡改对象的用法示例,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以参考下
    2021-04-04
  • 详解JavaScript的垃圾回收机制

    详解JavaScript的垃圾回收机制

    这篇文章主要为大家介绍了JavaScript的垃圾回收机制,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 关于VSCode格式化JS自动添加或去掉分号的问题

    关于VSCode格式化JS自动添加或去掉分号的问题

    这篇文章主要介绍了VSCode格式化JS自动添加或去掉分号的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-10-10
  • 深入理解Javascript中的循环优化

    深入理解Javascript中的循环优化

    这篇文章介绍了Javascript中的循环优化,有需要的朋友可以参考一下
    2013-11-11
  • JavaScript–Apple设备检测示例代码

    JavaScript–Apple设备检测示例代码

    JavaScript–Apple设备检测示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript获取URL中参数querystring的方法详解

    JavaScript获取URL中参数querystring的方法详解

    这篇文章先给大家介绍了JavaScript获取URL中参数querystring的方法,而后有详解介绍了Location对象的属性和,Location对象的方法,对大家的理解很有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-10-10
  • JS中判断null的方法分析

    JS中判断null的方法分析

    这篇文章主要介绍了JS中判断null的方法,结合实例形式对比分析了常见的JS错误判断方法及正确判断操作相关技巧,需要的朋友可以参考下
    2016-11-11

最新评论