微信支付JSAPI开发（通常指在微信内打开的H5页面支付）主要分为后端下单和前端调起两个核心环节。

以下是详细的开发教程与关键代码示例。

一、 后端开发：统一下单接口

后端需要调用微信支付统一下单接口，生成用于前端调起支付的参数。

1. 核心参数

调用接口前，后端需要准备以下关键参数：

• appid：公众号或小程序的AppID。

• mch_id：微信支付商户号。

• openid：用户在公众号或小程序下的唯一标识（通过OAuth2.0授权获取）。

• total_fee：订单总金额，单位是分（例如100元需传10000）。

• notify_url：支付结果异步通知地址（必须为外网可访问的URL）。

• trade_type：固定为JSAPI。

2. 接口调用流程

1. 生成签名：将所有非空参数按ASCII码排序，拼接成字符串后，使用商户密钥（API Key）进行MD5加密，得到签名sign。

2. 发送请求：将参数以XML格式发送至https://api.mch.weixin.qq.com/pay/unifiedorder。

3. 解析结果：接口返回XML数据，解析获取prepay_id（预支付交易会话标识）。

3. 后端代码示例（伪代码）

// 1. 构造请求参数 const params = { appid: 'w