微信小程序云开发微信支付、订单查询、申请退款

使用云开发微信支付功能的前提

假设一切条件已经布置好,我们正是进入开发者工具操作

  • 创建小程序(使用云开发)
  • 部署云环境
  • 在控制台中设置微信支付参数
    在这里插入图片描述
    注意:如果要使用云开发实现申请退款,则授权API退款的申请是必备的。
    附上授权同意的微信商户平台链接,该地址实在难找,本人找了一天一夜,有点想故意隐藏的功能了
    在这里插入图片描述
    授权地址

统一下单

此功能在小程序文档中有较为仔细的说明,甚至官方也贴上了代码,那我也不多说,先创建云函数,并取名为pay
在这里插入图片描述

// 云函数代码
const cloud = require('wx-server-sdk')
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})

exports.main = async (event, context) => {
  const res = await cloud.cloudPay.unifiedOrder({
    "body" : "吃键盘的侠客",//商品名称货商品描述
    "outTradeNo" : "1217752501201407033233368018",//订单号-唯一性
    "spbillCreateIp" : "127.0.0.1",//回调IP地址,如果没有就这样随意放
    "subMchId" : "1900009231",//微信支付商户号
    "totalFee" : 1,//支付金额 单位分
    "envId": "test-f0b102",//云开发环境
    "functionName": "pay_cb"//回调云函数--没有可以乱填
  })
  return res
}

接着为页面编写一个按钮button 我就一次写了三个按钮:统一支付订单查询申请退款
在这里插入图片描述
小程序端代码

  /**
   * 页面的初始数据
   */
  data: {
    timeStamp: "",//存放支付单号
    tk:"" //存放退款单号
  },
 //支付
  paygo() {
    var timeStamp = "1999" + new Date().getTime()
    //这里使用时间戳精确到毫秒的方式保证单号的唯一性,前面的1999也是为了保证唯一性的确保 
    console.log(timeStamp)
    this.setData({
      timeStamp: timeStamp
    })
    wx.cloud.callFunction({
      name: 'pay',//函数名
      data: {
        orderid: timeStamp,//传递单号
      },
      success: res => {
        console.log("获取支付参数成功", res)
        const payment = res.result.payment
        //调起支付
        wx.requestPayment({
          ...payment,
          success(res) {
            console.log('支付成功', res)
          },
          fail(res) {
            console.error('支付失败', res)
          }
        
        })
       
      },
      fail: res => {
        console.log("获取支付参数失败", res)
      },
    })
   
  },

效果图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

不点击支付完成
在这里插入图片描述
这就是一个坑,所以我们需要特殊加一个查询订单处理

查询订单

先创建云函数,并取名为queryOrder
在这里插入图片描述
代码非常少

// 云函数代码
const cloud = require('wx-server-sdk')
cloud.init({
  env: 'yuelnn-corporation-vu94n'
})

exports.main = async (event, context) => {
  const res = await cloud.cloudPay.queryOrder({
    "out_trade_no" :event.trade,//商户订单号
    "nonce_str" : "" +new Date().getTime(),//随机字符串,这里也是采用时间戳精确到毫秒,人家要我们传随机字符串,我们就这么给他一个吧
    "sub_mch_id" : "1562576291",//子商户号,也就是商户号啦,没区别的
  })
  return res
}

小程序端:

在这里插入图片描述

//订单查询
  queryOrder() {
    wx.cloud.callFunction({
      name: 'queryOrder',
      data: {
        trade: this.data.timeStamp//订单号,就是刚才支付的时候我们自己生成的订单号,注意联系上下文理解
      },
      success: res => {
        console.log("获取查询参数成功", res)
      },
      fail: res => {
        console.log("获取查询参数失败", res)
      },
    })

  },

效果图:
在这里插入图片描述
如需要知道更多字段所表示的意思请移步官方文档,我猜你们也用不到

申请退款

在贴代码前,我再强调一次,申请退款必须在控制台中的设置,全局变量里获得了退款API权限
在这里插入图片描述
怎么做我在文中都有说到,over

假设你已经授权了,那我们开始吧

先创建云函数,并取名为refund
在这里插入图片描述
这里出现了一个新的字段out_refund_no,咱们不看文档了,直接听我的解释,就是跟支付的时候一样生成一个唯一的单号(都是咱们自己生成的,我都是采用时间戳来保证唯一),这里的out_refund_no就是退款单号,这个(out_refund_no)退款单号对应你所申请退款时候的一个金额,假设我的数值

“out_refund_no” : “49459462659895”,//商户退款单号唯一的
“out_trade_no” : 5456454356565,//商户订单号,刚才支付时候的对应那笔单号
“nonce_str” : “”+new Date().getTime(),//随机字符串
“sub_mch_id” : “xxxxxxxxx”,//子商户号
“total_fee” : 100,//订单金额
“refund_fee”: 50,//申请退款金额

从上数值可以发现,我申请退款的金额可以小于所支付的总金额,也就体现了分批退款的可行性
那么那次退款单号就代表了当退款的信息ID,可以通过查询订单查询到退款信息。额…可能我讲的也不乍地,那大家还是look a look 文档吧

贴代码:

// 云函数代码
//申请退款
const cloud = require('wx-server-sdk')
cloud.init({
  env: 'yuelnn-corporation-vu94n'
})

exports.main = async (event, context) => {
  const res = await cloud.cloudPay.refund({
    "out_refund_no" : event.refund,//商户退款单号
    "out_trade_no" : event.trade,//商户订单号
    "nonce_str" : ""+new Date().getTime(),//随机字符串
    "sub_mch_id" : "1562576291",//子商户号
    "total_fee" : 1,//订单金额
    "refund_fee":  1,//申请退款金额	
  })
  return res
}

小程序端:

//退款
  refund() {
    var tk = "T1999" + new Date().getTime()
    this.setData({
      tk:tk
    })
    console.log("退款单号",tk)
    wx.cloud.callFunction({
      name: 'refund',
      data: {
        refund: tk ,//商户退款单号
        trade: this.data.timeStamp,//商户订单号
      },
      success: res => {
        console.log("获取退款参数成功", res)
      },
      fail: res => {
        console.log("获取退款参数失败", res)
      },
    })

  },

效果图:
在这里插入图片描述
在这里插入图片描述
马上退款到账的,非常快。

常见问题总结:

  1. 没有填写正确商户号
  2. 字段的stringint搞错,会报参数格式错误
  3. 退款API没授权也去搞云开发退款、
  4. 长得没我好看
  5. 不会还不加我微信的:bybilibili

猜你喜欢

转载自blog.csdn.net/weixin_44700966/article/details/108338940