微信小程序云开发如何实现微信支付,业务逻辑怎么可靠

前端APP 投稿 56300 1 评论

微信小程序云开发如何实现微信支付,业务逻辑怎么可靠

注册微信支付商户号

小程序关联商户号

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

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

业务逻辑

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

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

代码实现

主要是用于获取回包,回包里面有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(
      },
    }
  },

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

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

编程笔记 » 微信小程序云开发如何实现微信支付,业务逻辑怎么可靠

赞同 (67) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 角色的发展让看到了人生的变化和成长。
    不死旅行者 2023-09-10 04:00 (2年前) 回复