在 Uni-app 中进行微信支付，通常需要后端服务器配合生成支付订单，前端则负责调用微信支付的接口进行支付。以下是实现微信支付的基本步骤： 后端步骤
配置微信支付参数：
在微信支付商户平台上获取 AppID、MchID、API Key 等参数。 配置支付证书（.pem 文件）。
生成预支付订单：
后端服务器调用微信支付统一下单接口，生成预支付订单。 返回的订单信息中包含 prepay_id，这是前端发起支付请求所必需的。
示例代码（Node.js）：
javascript复制代码const crypto = require('crypto');const axios = require('axios');const fs = require('fs'); const appid = 'your-app-id';const mchid = 'your-mch-id';const apiKey = 'your-api-key';const notifyUrl = 'your-notify-url';const certPath = '/path/to/your/apiclient_cert.pem';const keyPath = '/path/to/your/apiclient_key.pem'; const nonceStr = crypto.randomBytes(16).toString('hex');const outTradeNo = 'your-order-number';const totalFee = 1; // 单位：分const spbillCreateIp = 'user-ip';const tradeType = 'JSAPI'; // 小程序支付const openid = 'user-openid'; // 用户唯一标识 const signParams = { appid, mchid, nonce_str: nonceStr, body: '商品描述', out_trade_no: outTradeNo, total_fee: totalFee, spbill_create_ip: spbillCreateIp, notify_url: notifyUrl, trade_type: tradeType, openid: openid,}; const signStr = Object.keys(signParams) .sort() .map(key => ${key}=${signParams[key]}) .join('&') + &key=${apiKey}; const sign = crypto.createHash('sha256').update(signStr).digest('hex').toUpperCase(); const formData = { ...signParams, sign,}; const options = { method: 'POST', url: 'https://api.mch.weixin.qq.com/pay/unifiedorder', headers: { 'Content-Type': 'application/xml', }, data: xml2js.builder.buildObject(formData), httpsAgent: new https.Agent({ ca: [fs.readFileSync(certPath)], key: fs.readFileSync(keyPath), cert: fs.readFileSync(certPath), }),}; axios(options) .then(response => { const prepayId = parseXml(response.data).prepay_id; // 返回给前端 prepay_id 和其他必要参数 }) .catch(error => { console.error(error); }); function xml2js(xml) { // 使用 xml2js 库将 XML 转换为 JSON const builder = new xml2js.Builder(); const parser = new xml2js.Parser(); return { builder, parser, };} function parseXml(xml) { // 解析 XML 数据为 JSON return new Promise((resolve, reject) => { xml2js.parser.parseString(xml, (err, result) => { if (err) { reject(err); } else { resolve(result.xml); } }); });}
前端步骤
获取支付参数：
前端通过请求后端接口获取 prepay_id 及其他必要的支付参数。
调用微信支付接口：
使用 wx.requestPayment 方法发起支付。
示例代码（Uni-app）： javascript复制代码methods: { async requestPayment() { try { const res = await uni.request({ url: 'your-backend-url-to-get-payment-params', method: 'POST', data: { // 发送必要的请求参数 }, }); const paymentParams = res.data; // 从后端获取的支付参数 uni.requestPayment({ timeStamp: paymentParams.timeStamp, nonceStr: paymentParams.nonceStr, package: paymentParams.package, signType: paymentParams.signType, paySign: paymentParams.paySign, success: (res) => { console.log('支付成功', res); // 处理支付成功后的逻辑 }, fail: (err) => { console.error('支付失败', err); // 处理支付失败后的逻辑 }, }); } catch (error) { console.error('获取支付参数失败', error); } },}
注意事项
证书路径：确保后端服务器的证书路径正确。 支付参数：确保前端获取的支付参数（如 timeStamp、nonceStr 等）是从后端动态生成的，不要硬编码。 错误处理：前端和后端都需要做好错误处理，确保支付流程顺畅。
通过以上步骤，你应该能够在 Uni-app 中成功实现微信支付。
