如何通过小程序实现微信支付功能调用？

本文共计823个文字，预计阅读时间需要4分钟。

本文将分享小程序调用微信支付的具体代码实例，供大家参考。主要步骤如下：

1. 调用小程序wx.login获取用户code。

2.将code作为参数传递给后端。

3.后端调用wechat/pay/prepay接口生成预支付交易会话标识。

示例代码：

javascript

// 小程序端wx.login({ success: function(res) { if (res.code) { // 向后端发送code wx.request({ url: 'https://yourserver.com/getPrepayId', data: { code: res.code }, success: function(response) { // 获取预支付交易会话标识 let prepayId=response.data.prepayId; // 调用微信支付 wx.requestPayment({ // ...支付参数 }); } }); } else { console.log('登录失败！' + res.errMsg); } }});

后端代码示例（使用Node.js）：

javascriptconst express=require('express');const axios=require('axios');const app=express();

app.get('/getPrepayId', (req, res)=> { const { code }=req.query; axios.post('https://api.weixin.qq.com/sns/jscode2session', { appid: 'your-appid', secret: 'your-secret', js_code: code, grant_type: 'authorization_code' }) .then(response=> { const session_key=response.data.session_key; const openid=response.data.openid; axios.post('https://api.mch.weixin.qq.com/pay/unifiedorder', { // ...支付参数 openid: openid }) .then(response=> { res.send({ prepayId: response.data.prepay_id }); }) .catch(error=> { console.error('统一订单生成失败', error); res.status(500).send('服务器错误'); }); }) .catch(error=> { console.error('微信登录失败', error); res.status(500).send('服务器错误'); });});

app.listen(3000, ()=> { console.log('服务器启动成功');});

本文实例为大家分享了小程序调用微信支付的具体代码，供大家参考，具体内容如下

首先调用小程序wx.login登录接口 获取用户code

将code作为参数 传给后端 调用后端接口wechat/pay/prepay

获取后端 这五个返回值

nonceStr
package2
paySign
signType
timeStamp

wx.login({ success: function (res) { var userId = wx.getStorageSync('userId'); var passw = userId + orderId; console.log(passw) var password = util.sha1(passw); //console.log(res) //获取用户的code 微信返回的值 wx.request({ url: url + 'wechat/pay/prepay', method: "POST", header: { 'content-type': 'application/json', }, data: { code: res.code, //微信返的code userId: userId, //登录注册时后端返给我的 orderId: orderId, //用户提交时后端返给我的工单号 sign: password, //后端要求的serId + orderId加密 }, success: function (res) { // if (res.data.resultCode == "000000"){ nonceStr = res.data.data.nonceStr; package2 = res.data.data.package; paySign = res.data.data.paySign; signType = res.data.data.signType; timeStamp = res.data.data.timeStamp; that.pay2() // } console.log(res.data.data.nonceStr) console.log(res.data.data.package) console.log(res.data.data.paySign) console.log(res.data.data.signType) console.log(res.data.data.timeStamp) }, fail(err) { console.log(err) } }) }, fail(errs) { console.log(errs) } })

成功返回后，用户点击支付，调用微信支付接口wx.requestPayment：

后端设置好金额，用户调用即可支付

pay2() { wx.requestPayment( { timeStamp: timeStamp, //时间戳 nonceStr: nonceStr, //随机字符串 package: package2, //统一下单接口返回的 prepay_id 参数值 signType: signType, //签名类型 paySign: paySign, //签名 success(res) { console.log(res) wx.navigateTo({ url: '../successful/successful' }) }, fail(res) { console.log(res) } }) },

最后我们的项目在调用微信wx.requestPayment支付接口时，在success成功函数里请求了我方后端接口，获取状态码，判断是否支付成功。因为用户支付给微信，成功之后，只有用户能够看到，我方后端是获取不到是否支付成功的，请求这个接口就是这个目的。在微信请求支付成功之后，请求后端获取返回值。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。