前面给大家讲过一个借助小程序云开发实现微信支付的,但是那个操作稍微有点繁琐,并且还会经常出现问题,今天就给大家讲一个简单的,并且借助官方支付api实现小程序支付功能。
老规矩,先看本节效果图
我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。
核心代码就下面这些
关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528
1,一定不要忘记在app.js里初始化云开发环境。
2,创建完云函数后,一定要记得上传
我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node,我这里不做讲解,百度一下,网上一大堆。
在命令行里执行 npm i tenpay
安装完成后,我们的pay云函数会多出一个package.json 文件
到这里我们的tenpay依赖就安装好了。
//云开发实现支付
const cloud = require('wx-server-sdk')
cloud.init()
//1,引入支付的三方依赖
const tenpay = require('tenpay');
//2,配置支付信息
const config = {
appid: '你的小程序appid',
mchid: '你的微信商户号',
partnerKey: '微信支付安全密钥',
notify_url: '支付回调网址,这里可以先随意填一个网址',
spbill_create_ip: '127.0.0.1' //这里填这个就可以
};
exports.main = async(event, context) => {
const wxContext = cloud.getWXContext()
let {
orderid,
money
} = event;
//3,初始化支付
const api = tenpay.init(config);
let result = await api.getPayParams({
out_trade_no: orderid,
body: '商品简单描述',
total_fee: money, //订单金额(分),
openid: wxContext.OPENID //付款用户的openid
});
return result;
}
到这里我们获取小程序支付所需参数的云函数代码就编写完成了。
不要忘记上传这个云函数。
出现下图就代表上传成功
这个页面很简单,
1,自己随便编写一个订单号(这个订单号要大于6位)
2,自己随便填写一个订单价(单位是分)
3,点击按钮,调用pay云函数。获取支付所需参数。
下图是官方支付api所需要的一些必须参数。
下图是我们调用pay云函数获取的参数,和上图所需要的是不是一样。
下图是官方的示例代码
这里不在做具体讲解了,把完整代码给大家贴出来
// pages/pay/pay.js
Page({
//提交订单
formSubmit: function(e) {
let that = this;
let formData = e.detail.value
console.log('form发生了submit事件,携带数据为:', formData)
wx.cloud.callFunction({
name: "pay",
data: {
orderid: "" + formData.orderid,
money: formData.money
},
success(res) {
console.log("提交成功", res.result)
that.pay(res.result)
},
fail(res) {
console.log("提交失败", res)
}
})
},
//实现小程序支付
pay(payData) {
//官方标准的支付方法
wx.requestPayment({
timeStamp: payData.timeStamp,
nonceStr: payData.nonceStr,
package: payData.package, //统一下单接口返回的 prepay_id 格式如:prepay_id=***
signType: 'MD5',
paySign: payData.paySign, //签名
success(res) {
console.log("支付成功", res)
},
fail(res) {
console.log("支付失败", res)
},
complete(res) {
console.log("支付完成", res)
}
})
}
})
到这里,云开发实现小程序支付的功能就完整实现了。
上图是支付成功的回调,我们可以在支付成功回调时,改变订单支付状态。
到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊。 如果感觉图文不是很好理解,我后面会录制视频讲解。
############################################################################################## index.js 文件通常是云函数的入口文件。云函数是在云端运行的服务器端代码,可以被小程序前端直接调用。
在你提供的代码中,index.js 文件定义了一个云函数,这个云函数使用了 tenpay 库来处理微信支付。当小程序前端调用这个云函数并传入订单 ID 和金额时,云函数会调用 tenpay 的 getPayParams 方法来获取支付参数,并将这些参数返回给前端。然后,前端可以使用这些参数来调用 wx.requestPayment 方法发起微信支付。
总的来说,index.js 文件的作用是定义云函数的逻辑,包括接收和处理来自前端的请求,调用其他库或服务,以及返回结果给前端。
例如,如果你有一个名为 otherFunction.js 的云函数文件,你可以在其中获取并使用 openid: // otherFunction.js const cloud = require('wx-server-sdk') cloud.init() const db = cloud.database()
exports.main = async (event, context) => { // 从 event 中获取 openid const openid = event.openid
// 使用 openid const userRecord = await db.collection('users').where({ openid: openid }).get()
return userRecord }
好的,如果你需要在用户登录后将 openid 存入数据库,你可以使用以下的示例代码:
首先,你需要在用户登录后获取 openid: wx.login({ success: res => { wx.request({ url: '你的服务器地址', // 你的服务器地址,用于获取 openid data: { code: res.code }, success: res => { const openid = res.data.openid // 将 openid 存储在本地 wx.setStorageSync('openid', openid) // 调用云函数将 openid 存入数据库 wx.cloud.callFunction({ name: 'storeOpenid', data: { openid: openid } }) } }) } })
然后,你需要创建一个云函数 storeOpenid 来将 openid 存入数据库: // storeOpenid.js const cloud = require('wx-server-sdk') cloud.init() const db = cloud.database()
exports.main = async (event, context) => { // 从 event 中获取 openid const openid = event.openid
// 将 openid 存入数据库 await db.collection('users').add({ data: { openid: openid // 其他字段... } }) }
在微信云开发中,cloud.getWXContext() 方法可以获取到调用云函数时的微信上下文,包括 OPENID、APPID 等信息。这个方法可以在任何云函数文件中使用,不仅仅是 index.js。
所以,你可以在 otherFunction.js 中像在 index.js 中一样获取 openid。以下是一个示例:
// otherFunction.js const cloud = require('wx-server-sdk') cloud.init()
exports.main = async (event, context) => { const wxContext = cloud.getWXContext()
// 获取上下文参数 const openid = wxContext.OPENID
// 使用 openid // ... }
在这个示例中,我们在 main 函数中获取 openid,然后将其作为参数传递给 someOtherFunction。这样,someOtherFunction 就可以使用 openid 了。 // otherFunction.js const cloud = require('wx-server-sdk') cloud.init()
function someOtherFunction(openid) { // 在这里你可以使用 openid // ... }
exports.main = async (event, context) => { const wxContext = cloud.getWXContext()
// 获取上下文参数 const openid = wxContext.OPENID
// 将 openid 传递给其他函数 someOtherFunction(openid) }
逻辑 用户创建活动表,这张表绑定openid。 获取展示时,根据openid来展示自己创建的数据。
---q 确认 bx_admin中的_id 32为是不是Openid(28位一般) ?? 如果不是 32位是用来干嘛的