0

    微信小程序云开发支付

    2023.07.23 | admin | 131次围观

    微信小程序的云开发支付先看下微信官方给出的流程图:

    image.png

    这张图里,开发者只需要关注的是小程序和云函数端即可;云函数做了很多参数的处理,所以我们不需要关注证书,签名等,只需要调用相应的函数即可;接下来大致说下整个支付流程:

    一、小程序项目要有云开发环境,在使用云能力前,先完成云能力的初始化,即在根目录下的app.js中配置;

    wx.cloud.init({
            env: '环境id',
            traceUser: true,
     })
    

    二、要将小程序和商户号的绑定,再在云控制台添加上商户号,添加完之后,需要超级管理员在 微信支付商家助手 公众号进行授权,第一次开通可能没那么快收到授权信息;退款权限需要在商户号平台授权的产品中进行确认授权的;

    三、在项目的cloudfunctions右键新建node.js云函数,(一个下单云函数,一个是结果回调云函数),新建之后,然后上传和部署云函数;

    微信小程序云开发支付

    下单函数的编写:通过CloudPay.unifiedOrder()去下单,注意有些参数是不用填的,可以参考微信官方给的案例,

    exports.main = async (event, context) => {
    const res = await cloud.cloudPay.unifiedOrder({
        "body" : "描述",
        "outTradeNo" : "1217752501201407033233368018",
        "spbillCreateIp" : "127.0.0.1",
        "subMchId" : "商户号",
        "totalFee" : 1,
        "envId": "云环境id",//
        "functionName": "pay_cb"//回调结果云函数
      })
    }
    

    像一些随机数微信小程序支付 demo,签名什么的,都不需要传递,注意的是回调函数名和环境id,event是客户端传给云函数的参数;

    客户端的写法:

    wx.cloud.callFunction({
      name: '函数名',//下单的云函数
      data: {//传递的数据
        // ...
      },
      success: res => {
        const payment = res.result.payment
        wx.requestPayment({//支付api
          ...payment,
          success (res) {
            console.log('pay success', res)
          },
          fail (err) {
            console.error('pay fail', err)
          }
        })
      },
      fail: console.error,
    })
    

    回调结果的函数一定要注意返回参数给微信服务器微信小程序支付 demo,不然会一直回调;

     if(event.resultCode == 'SUCCESS'){  //根据result_code查看业务结果成功进行提交数据告诉服务器
        //更新云数据库数据
        const res = {errcode:0,errmsg:''}//需要返回的字段,不返回该字段则一直回调
        return res
      }
    

    这样整个支付流程接结束了;跟传统的支付方式方式相比,确实简单了很多,也更安全,如果有商户号可以写个demo试试呗!

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论