微信 H5 支付：解决“存在未配置的参数”问题的终极指南

前端

2023-09-17 08:47:12

在微信 H5 支付过程中，如果您遇到“存在未配置的参数”的错误提示，表明您的商家配置有误。本文将详细介绍解决此问题的方法，助您轻松完成微信 H5 支付集成。

了解错误原因

“存在未配置的参数”错误表明微信 H5 支付所需的关键参数未正确配置。这些参数可能包括：

应用 ID (appId)
商户号 (mchId)
API 密钥 (apiKey)

解决方法

解决此问题的步骤如下：

1. 检查应用配置

确认您已正确填写微信 H5 支付申请表并获得微信应用 ID (appId)。

2. 验证商户信息

登录微信支付商户平台，验证您的商户号 (mchId) 和 API 密钥 (apiKey) 是否正确。确保这些信息与您的微信 H5 支付申请表中填写的相同。

3. 配置服务器端

在服务器端，您需要实现以下步骤：

生成预支付订单并获取 mweb_url。
验证 mweb_url 返回的签名。

具体实现方式可以参考微信官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_7

4. 检查前端代码

在前端代码中，确保您已使用 mweb_url 正确初始化微信支付 SDK。

示例代码

以下是服务器端预支付订单生成和签名验证的示例代码（使用 Node.js）：

const axios = require('axios');

// 生成预支付订单
async function createOrder(appId, mchId, apiKey, body, totalFee) {
  const nonceStr = createNonceStr();
  const timeStamp = createTimeStamp();
  const sign = createSign(appId, mchId, apiKey, body, nonceStr, timeStamp, totalFee);

  const order = {
    appid: appId,
    mch_id: mchId,
    nonce_str: nonceStr,
    body: body,
    total_fee: totalFee,
    sign: sign,
    trade_type: 'JSAPI',
    notify_url: 'YOUR_NOTIFY_URL',
  };

  const response = await axios.post('https://api.mch.weixin.qq.com/pay/unifiedorder', order);
  return response.data;
}

// 验证签名
function verifySign(appId, mchId, apiKey, sign, prepayId) {
  const str = `appId=${appId}&mchId=${mchId}&prepayId=${prepayId}&key=${apiKey}`;
  const mySign = createSign(str);
  return sign === mySign;
}