JSAPI支付场景

更新时间：2024.12.26

# 1. 接口规则

为了在保证支付安全的前提下，带给商户简单、一致且易用的开发体验，我们推出了全新的微信支付APIv3接口。该版本API的具体规则请参考APIv3接口规则。

# 2. 开发准备

# 2.1. 搭建和配置开发环境

开发者应当依据自身的编程语言来构建并配置相应的开发环境。

# 2.2. 业务开发配置

合单支付目前支持在微信外H5、App、JSAPI、小程序、Native扫码5个场景使用，下面为你介绍JSAPI场景业务开发配置。

# 2.2.1. 设置支付目录

一、支付授权目录说明：

商户最后请求拉起微信支付收银台的页面地址我们称之为“支付目录”，例如：https://www.weixin.com/pay.php。
商户实际的支付目录必须和在微信支付商户平台设置的一致，否则会报错“当前页面的URL未注册：”

二、支付授权目录设置说明：

三、支付授权目录校验规则说明：

如果支付授权目录设置为顶级域名（例如：https://www.weixin.com/），那么只校验顶级域名，不校验后缀；
如果支付授权目录设置为多级目录，就会进行全匹配，例如设置支付授权目录为https://www.weixin.com/abc/123/，则实际请求页面目录不能为https://www.weixin.com/abc/，也不能为https://www.weixin.com/abc/123/pay/，必须为https://www.weixin.com/abc/123/。

# 2.2.2. 设置授权域名

授权域名说明：开发JSAPI支付时，在JSAPI下单接口中要求必传用户OpenID，而获取OpenID则需要您在公众平台设置获取OpenID的域名，只有被设置过的域名才是一个有效的获取OpenID的域名，否则将获取失败。具体配置页见下图。

授权域名设置说明：登录【微信公众平台 (opens new window) > 公众号设置】。

# 3. 快速接入

# 3.1. 业务流程图

业务流程时序图如下。

重点步骤说明：

步骤1：用户在商户侧发起支付请求，商户先通过后台接口合单下单-JSAPI接口创建合单支付订单。

步骤2：商户再根据用户发起支付请求的具体场景通过合单下单-JSAPI页面调起微信支付收银台，完成支付请求。

步骤3：用户支付成功后，商户可接收到支付结果回调通知。

步骤4：如果商户长时间未收到回调通知，可通过合单查询订单接口主动查询订单支付状态。

# 3.2. API接入（含示例代码）

文档展示了如何使用微信支付服务端 SDK 快速接入商家券产品，完成与微信支付对接的部分。

注意

文档中的代码示例是用来阐述 API 基本使用方法，代码中的示例参数需替换成商户自己账号及请求参数才能跑通。
以下接入步骤仅提供参考，请商户结合自身业务需求进行评估、修改。

# 3.2.1. 【服务端】合单下单-JSAPI

步骤说明：用户在商户侧选择商品下单购买时，商户系统先调用该接口在微信支付服务后台生成预支付交易单，然后使用我们提供的客户端方法（下文介绍）调起微信支付收银台，即可完成支付。

示例代码：

重要入参说明：

out_trade_no：商户系统内部订单号，可以是数字、大小写字母_-*的任意组合，且在同一个商户号下唯一。
description：商品描述。
notify_url：支付回调通知URL，该地址必须为直接可访问的URL，不允许携带查询串。
total：订单总金额，单位为分。
OpenID：OpenID是微信用户在AppID下的唯一用户标识（AppID不同，则获取到的OpenID就不同），可用于永久标记一个用户。OpenID获取方式请参考以下文档小程序获取OpenID (opens new window)、公众号获取OpenID (opens new window)、App获取OpenID (opens new window)。

更多参数、响应详情及错误码请参见合单下单-JSAPI。

# 3.2.2.【客户端】JSAPI调起支付

步骤说明：通过合单下单API成功获取预支付交易会话标识（prepay_id）后，需要通过JSAPI调起支付API来调起微信支付收银台。

注意

WeixinJSBridge内置对象在其他浏览器中无效。
此API需要将请求参数进行签名（参与签名的参数为：appId、timeStamp、nonceStr、package，参数区分大小写）。

示例代码：

1function onBridgeReady() {
2    WeixinJSBridge.invoke('getBrandWCPayRequest', {
3        "appId": "wx2421b1c4370ecxxx",      //公众号ID，由商户传入
4        "timeStamp": "1395712654",   //时间戳，自1970年以来的秒数
5        "nonceStr": "e61463f8efa94090b1f366cccfbbb444",    //随机串
6        "package": "prepay_id=up_wx21201855730335ac86f8c43d1889123400",
7        "signType": "RSA",    //微信签名方式：
8        "paySign": "oR9d8PuhnIc+YZ8cBHFCwfgpaK9gd7vaRvkYD7rthRAZ\/X+QBhcCYL21N7cHCTUxbQ+EAt6Uy+lwSN22f5YZvI45MLko8Pfso0jm46v5hqcVwrk6uddkGuT+Cdvu4WBqDzaDjnNa5UK3GfE1Wfl2gHxIIY5lLdUgWFts17D4WuolLLkiFZV+JSHMvH7eaLdT9N5GBovBwu5yYKUR7skR8Fu+LozcSqQixnlEZUfyE55feLOQTUYzLmR9pNtPbPsu6WVhbNHMS3Ss2+AehHvz+n64GDmXxbX++IOBvm2olHu3PsOUGRwhudhVf7UcGcunXt8cqNjKNqZLhLw4jq\/xDg==" //微信签名
9    },
10    function(res) {
11        if (res.err_msg == "get_brand_wcpay_request:ok") {
12            // 使用以上方式判断前端返回,微信团队郑重提示：
13            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
14        }
15    });
16}
17if (typeof WeixinJSBridge == "undefined") {
18    if (document.addEventListener) {
19        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
20    } else if (document.attachEvent) {
21        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
22        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
23    }
24} else {
25    onBridgeReady();
26}

重要入参说明：

package：JSAPI下单接口返回的prepay_id参数值，提交格式如：prepay_id=***。
signType：该接口V3版本仅支持RSA
paySign：签名

paySign生成规则、响应详情及错误码请参见JSAPI调起支付 (opens new window)接口文档。

# 3.2.3.【服务端】接收支付结果通知

步骤说明：当用户完成支付，微信会把相关支付结果将通过异步回调的方式通知商户，商户需要接收处理，并按文档规范返回应答。

支付结果通知的地址需要在请求App下单API时传入notify_url参数中。
支付结果通知是以POST 方法访问商户设置的通知URL，通知的数据以JSON 格式通过请求主体（BODY）传输。通知的数据包括了加密的支付结果详情。
加密不能保证通知请求来自微信。微信会对发送给商户的通知进行签名，并将签名值放在通知的HTTP头Wechatpay-Signature。商户应当验证签名，以确认请求来自微信，而不是其他的第三方。签名验证的算法请参考《微信支付API v3签名验证 (opens new window)》。
支付结果通知HTTP应答码为200或204才会当作正常接收，当回调处理异常时，应答的HTTP状态码应为500，或者4xx。
商户成功接收到回调通知后应返回成功的HTTP应答码为200或204
同样的通知可能会多次发送给商户系统。商户系统必须能够正确处理重复的通知。
后台通知交互时，如果微信收到商户的应答不符合规范或超时，微信会判定本次通知失败，重新发送通知，直到成功为止，但微信不保证通知最终一定能成功。

特别提醒：

商户系统对于支付结果通知的内容一定要做签名验证,并校验返回的订单金额是否与商户侧的订单金额一致，防止数据泄露导致出现“假通知”，造成资金损失。
当收到通知进行处理时，首先检查对应业务数据的状态，判断该通知是否已经处理过，如果没有处理过再进行处理，如果处理过直接返回结果成功。在对业务数据进行状态检查和处理之前，要采用数据锁进行并发控制，以避免函数重入造成的数据混乱。
技术人员可登进微信商户后台 (opens new window)扫描加入接口报警群，获取接口告警信息。

更多参数、响应详情及错误码请参见支付结果通知API接口文档。

# 3.2.4. 【服务端】合单查询订单

步骤说明：当商户后台、网络、服务器等出现异常，商户系统最终未接收到支付结果通知时商户可通过查询订单接口核实订单支付状态。

示例代码：

注意

查询订单可通过合单商户订单号查询。

更多参数、响应详情及错误码请参见查询订单API接口文档。

# 3.2.5. 【服务端】合单关闭订单

步骤说明：当商户订单支付失败需要生成新单号重新发起支付，要对原订单号调用关单，避免重复支付；系统下单后，用户支付超时，系统退出不再受理，避免用户继续，请调用关单接口。

示例代码：

注意

订单生成后不能马上调用关单接口，最短调用时间间隔为5分钟。
已支付成功的订单不能关闭。

更多参数、响应详情及错误码请参见合单关单API接口文档。

# 3.2.6. 【服务端】申请交易账单

步骤说明：微信支付按天提供交易账单文件，商户可以通过该接口获取账单文件的下载地址。

示例代码：

更多参数、响应详情及错误码请参见申请交易账单API (opens new window)接口文档。

# 3.2.7. 【服务端】下载账单

步骤说明：通过申请交易账单接口获取到账单下载地址（download_url）后，再通过该接口获取到对应的账单文件，文件内包含交易相关的金额、时间、营销等信息，供商户核对订单、退款、银行到账等情况。

示例代码：

注意

账单文件的下载地址的有效时间为30s。
强烈建议商户将实际账单文件的哈希值和之前从接口获取到的哈希值进行比对，以确认数据的完整性。

更多参数、响应详情及错误码请参见下载账单API (opens new window)接口文档。

# 4. 常见问题

问: 获取OpenID接口报“此公众号并没有这些scope的权限，错误码10005”，如下图所示。

答: 请按以下步骤进行排查：

建议检查一下公众号的功能。比如是不是在订阅号/未认证的公众号里面尝试调用认证服务号的功能。
确认AppID是否认证过期或者AppID填写错误。
请尝试使用snsapi_userinfo的授权登录方式。

问: JSAPI调起支付接口报“商家暂时没有此类交易权限，请联系商家客服”。

答：请按以下步骤进行排查：

请检查你的下单接口是否指定了支付用户的身份，该功能需单独开通指定身份支付权限方可使用
请确认你使用的商户号是否有jsapi支付的权限，可登录商户平台-产品中心查看

问：JSAPI调起支付接口报“当前页面的URL未注册”。

答：请检查下单接口中使用的商户号是否在服务商平台 (opens new window)配置了对应的支付目录，可参考“2.2.3.1.设置支付目录”章节说明。

问：获取OpenID接口报“redirect_url域名与后台配置不一致，错误码：10003”。

答：请按以下步骤进行排查：

本错误是公众号获取OpenID接口报的错误，可参考文档检查是否符合开发规范：网页授权 (opens new window)
检查下单接口传的AppID与获取OpenID接口的AppID是否同一个（需一致）。
检查AppID对应的公众号后台 (opens new window)，是否配置的授权域名和获取OpenID的域名一致。授权域名配置路径：【公众平台 (opens new window)-> 设置-> 公众号设置-> 功能设置–> 网页授权域名】。

问：JSAPI调起支付接口报“该商户暂不支持通过外部拉起微信完成支付”。

答：JSAPI支付只能从微信浏览器内发起支付请求。

文档是否有帮助

服务商文档

服务商文档中心

更多支持

开发者社区微信开放平台微信公众平台腾讯客服

JSAPI支付场景

# 1. 接口规则

# 2. 开发准备

# 2.1. 搭建和配置开发环境

# 2.2. 业务开发配置

# 2.2.1. 设置支付目录

# 2.2.2. 设置授权域名

# 3. 快速接入

# 3.1. 业务流程图

# 3.2. API接入（含示例代码）

# 3.2.1. 【服务端】合单下单-JSAPI

# 3.2.2.【客户端】JSAPI调起支付

# 3.2.3.【服务端】接收支付结果通知

# 3.2.4. 【服务端】合单查询订单

# 3.2.5. 【服务端】合单关闭订单

# 3.2.6. 【服务端】申请交易账单

# 3.2.7. 【服务端】下载账单

# 4. 常见问题

关于我们

服务支持

友情链接

客服帮助