乐趣区

关于javascript:微信小程序云开发如何实现微信支付业务逻辑又怎样才算可靠

jiezi

明天打了几把永劫无间后，咱们来聊一聊用云开发来开发微信小程序时，如何实现微信领取，并且保障业务逻辑牢靠。

@TOC

注册微信领取商户号

点击“成为商家”，依照操作提醒去申请商户号即可（须要营业执照，个体户或公司都行。没有能够办一个）

小程序关联商户号

注册实现，登录进去，点击产品核心。再点击 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 状态的订单即可。保障了数据的一致性。

到此结束啦。其实云开发实现微信领取也没有那么难。只不过业务逻辑须要更加谨严一点。以前本人太辣鸡，写的业务逻辑漏洞百出，羞愧 …

还是得持续学习才行。

欢送关注微信公众号：小秃僧

退出移动版