微信小程序云开发微信支付
使用云开发微信支付功能的前提
- 小程序主体为企业或者工商个体户
- 小程序完成了微信认证
- 小程序接入微信支付
微信官方文档-小程序之微信支付 必看!!!
假设一切条件已经布置好,我们正是进入开发者工具操作
- 创建小程序(使用云开发)
- 部署云环境
- 在控制台中设置微信支付参数
注意:如果要使用云开发实现申请退款,则授权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)
},
})
},
效果图:
马上退款到账的,非常快。
常见问题总结:
- 没有填写正确商户号
- 字段的
string
和int
搞错,会报参数格式错误 - 退款API没授权也去搞云开发退款、
- 长得没我好看
- 不会还不加我微信的:
bybilibili