当前位置：首页 > JavaScript > 小程序支付文档

小程序支付文档

一叶知秋2024-08-02 10:39:47JavaScript14

小程序支付是微信支付提供的一种在小程序内完成支付的功能，它使得用户可以在不离开小程序的情况下完成购买流程。以下是关于小程序支付的一些基本文档和步骤：

一、准备工作

开通微信支付
- 需要有一个认证的企业微信公众号，并且已经开通微信支付功能。
- 获取API密钥（API Key）。
小程序配置
- 在微信公众平台的小程序管理后台，确保小程序已发布并且审核通过。
- 在小程序的设置中，添加合法域名和支付相关配置。

二、开发流程

前端部分
- 在小程序的.js文件中，使用wx.requestPayment接口发起支付请求。
- 用户确认支付后，小程序会将支付信息发送给后端服务器。
后端部分
- 后端服务器需要生成预支付交易单（prepay_id），并将其返回给小程序。
- 使用微信支付提供的统一下单接口（/pay/unifiedorder）生成预支付交易单。
- 将预支付交易单中的prepay_id返回给小程序，小程序使用这个prepay_id发起支付。

三、具体步骤

前端示例代码

// 小程序.js文件中
wx.request({
 url: '你的后端接口地址',
 data: {
   // 购买商品的相关信息
 },
 success(res) {
   // 后端返回预支付交易单信息
   const prepayId = res.prepay_id;
   // 发起支付
   wx.requestPayment({
     timeStamp: res.timeStamp,
     nonceStr: res.nonceStr,
     package: res.package,
     signType: res.signType,
     paySign: res.paySign,
     success(res) {
       console.log('支付成功', res);
     },
     fail(err) {
       console.error('支付失败', err);
     }
   });
 }
});

后端示例代码（以Node.js为例）

// 后端服务器.js文件中
const wxpay = require('wxpay-sdk');

// 生成预支付交易单
function generatePrepayId(orderInfo) {
 const config = {
   appid: '你的小程序appid',
   mch_id: '你的商户号',
   key: '你的API密钥',
   notify_url: '你的通知地址'
 };
 const wxPay = new wxpay(config);
 const unifiedOrderParams = {
   body: orderInfo.body,
   out_trade_no: orderInfo.outTradeNo,
   total_fee: orderInfo.totalFee,
   trade_type: 'JSAPI',
   openid: orderInfo.openid
 };
 return wxPay.unifiedOrder(unifiedOrderParams).then((res) => {
   return res.prepay_id;
 });
}

// 假设这是一个HTTP请求处理函数
app.post('/pay', (req, res) => {
 const orderInfo = req.body; // 前端传来的购买信息
 generatePrepayId(orderInfo)
   .then(prepayId => {
     // 返回预支付交易单信息给前端
     res.send({ prepay_id: prepayId });
   })
   .catch(err => {
     console.error('生成预支付交易单失败', err);
     res.status(500).send('生成预支付交易单失败');
   });
});