商城的电脑端、手机端如果需要使用到微信支付，需要申请开通对应的微信支付产品，按照指引正确配置后才可在网站上使用微信支付。本文介绍如何配置商城电脑网站及手机网站微信支付。

二、功能说明

1. 前提条件（很重要）

① 需授权已认证服务号或政府/媒体类型的已认证订阅号，下文统称公众号，点击查看如何授权

② 商城绑定已备案的域名

③ 拥有商户号，点击查看商户号注册路径

以上条件需全部满足，如缺少一条则无法完成支付配置。

2. 温馨提示

教程涉及三个平台：商城管理后台、微信商户平台、微信公众平台，操作过程中请保持三个平台账号同时在线。

三、商城授权公众号接入商户号

1. 商户号关联APPID

1.1 登录微信支付商户平台，点击【产品中心-APPID账号管理】，在页面中的“关联更多APPID”。

1.2 在授权页面中输入商城授权的公众号APPID与APPID认证主体，阅读相关内容后勾选同意并点击提交。

① 公众号APPID查看路径：在微信公众平台登录商城授权的公众号，在公众号【设置与开发-基本设置】中获取开发者ID（APPID）。

② APPID主体查看路径：在公众号【设置与开发-公众号设置-账号详情】中获取主体信息。

1.3 提交授权后需到公众号进行确认授权。

2. 公众号确认关联

2.1 登录公众号，在【广告与服务-微信支付-商户号管理】，在【待关联商户号】中点击“确认”。如下图：

2.2 核对商户号信息、阅读相关内容后勾选确认，点击“授权”。

3. 完成关联

3.1 此时回到商户平台查看，如显示已关联即表示接入成功。

四、商城进行微信支付设置

1. 开启网站微信支付

1.1 在商城管理后台【商城-支付设置-线上支付】中开启【网站微信支付】，并点击【去配置】。

2. 授权公众号

2.1 之前已经授权公众号并配置好AppSecret可直接点击【下一步】。

如何授权公众号

如何获取AppSecret‍

3. 配置微信支付商户号

3.1 在红框位置输入微信支付商户号，输入后点击下一步。

① 微信商户号获取路径：在微信商户平台【产品中心-开发配置】中获取。如下图：

4. 开启支付能力

不同支付场景需开通不同支付能力，可根据实际需求选择性开通。

① 手机微信支付：配置JSAPI支付，配置后支持在微信内打开手机商城进行支付

② 手机其他支付：配置H5支付，配置后支持在微信外其他浏览器打开手机商城进行支付

③ 电脑支付：配置Native支付，配置后支持在电脑商城进行微信扫码支付

4.1 开启JSAPI支付

① 在商户平台【产品中心-我的产品-支付产品】中点击【JSAPI支付】。

② 点击【产品设置】。

③ 点击【添加】，添加JSAPI支付授权目录，注意是添加两条不同的链接（链接获取路径往下看）。

支付授权目录获取路径：商城管理后台-支付设置-网站微信支付设置第3步骤-手机微信支付中获取。如下图：

点击复制后分别粘贴到JSAPI支付授权目录中。

4.2 开启H5支付

① 在商户平台【产品中心-我的产品-支付产品】中点击【H5支付】。

② 点击【申请开通】。

③ 点击添加H5域名。

H5域名获取路径：商城管理后台-支付设置-网站微信支付设置第3步骤-手机其他支付中获取。如下图：

④ 添加H5域名后根据实际情况 补充售卖产品/使用场景简述和网站域名后点击【提交申请】，然后等待审核通过即可。

如审核不通过可根据不通过说明进行修改，然后重新提交。

4.3 开启Native支付

① 在商户平台【产品中心-我的产品-支付产品】中点击【Native支付】。

② 点击【产品设置】。如下图：

③ 下拉找到Native支付回调链接，点击【修改】。如下图：

④ 添加扫码回调链接。

扫码回调链接获取路径：商城管理后台-支付设置-网站微信支付设置第3步骤-电脑支付中获取。如下图：

注意：如支付域名是http：//，则粘贴链接时需同步选择https：//。

5. 配置商户支付密钥

5.1 在商户平台点击【账户中心-API安全-设置API密钥】进行API密钥设置。如已设置过但已经忘记可点击【修改】进行重置。

注意：一定要是API密钥！！！

5.2 输入32位API密钥，可输入数字和大小写字母的组合，然后点击【确认】。

5.3 将密钥填写到商城管理后台微信网站支付配置第4步骤中。如下图：

5.4 上传证书（API证书）

商家如果需要使用原路退款功能的话，需要获取到商户证书(API证书)，下载并上传至商城后台相应的支付设置处才能实现。

如无需使用原路退款功能无需上传证书也可以正常使用微信支付。

商户证书（API证书）获取教程‍

6. 验证支付

使用微信扫码查看是否能正常付款，如果可以则证明设置成功。如果无法成功支付请根据教程重新设置一遍。