一、功能介绍

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

二、功能说明

【版本】商城需标准版及以上版本才可使用微信支付功能

【前提条件】

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

② 商城绑定已备案的域名。

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

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

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

三、设置教程

1. 微信商户号关联APPID

1.1 对于没有微信支付商户号的商家 点击这里申请优惠费率商户

① 需要登录微信公众号后台‍，再点击进入【广告与服务 - 微信支付-支付申请】页面，在页面中点击“申请接入”后，按要求填写信息。

注：确认公众号类型为“已认证服务号”或“已认证公众号（政府或媒体类型）”两种类型之一，并且确认已拥有“已备案域名”。

注册微信商户号完成的用户，可继续往下浏览：公众号绑定关联微信商户号。

1.2 对于已有微信支付商户号的商家

① 请登录微信支付商户平台中的【产品中心】-【APPID账号管理】，点击页面中的【关联APPID】，在弹出页面中输入自己公众号的APPID。

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

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

1.3 确认关联商户号

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

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

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

2. 开启网站微信支付

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

3.配置微信支付商户号

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

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

4. 授权公众号

4.1 进入商城后台-支付设置-网站微信支付设置设置Appsecret。（如还未授权公众号，则需要授权公众号）

如何授权公众号

如何获取AppSecret

4.2 授权公众号后，还需登录微信公众号后台，进入“设置-公众号设置-功能设置”，点击网页授权域名旁的域名设置，在弹出的窗口中填写已备案的手机网站域名。

需先下载图中文件。

登录商城管理后台，将下载好的文件上传至“设置-资源库-虚拟根目录-文件上传”中，电脑端与移动端都需要上传，上传完成后返回微信公众平台点击保存。

5. 开启支付能力

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

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

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

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

5.1 开启JSAPI支付

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

② 点击【产品设置】。

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

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

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

5.2 开启H5支付

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

② 点击【申请开通】。

③ 点击添加H5域名。

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

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

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

5.3 开启Native支付

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

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

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

④ 添加扫码回调链接。

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

6. 配置API安全认证

①   验证商户身份

a.上传证书

点击微信支付商户平台--账户中心--API安全--管理证书中，申请新的证书获得文件，上传至商城后台。（‍商户证书（API证书）获取教程‍）

从2018年6月开始，微信支付开始推广使用权威CA颁发的商户API证书——可自行生成或使用微信支付提供的证书工具生成证书请求串

将证书上传至商城后台--支付设置--网站微信支付设置位置（如图）

b.填写证书序列号

证书申请成功后，在点击微信支付商户平台--账户中心--API安全--管理证书中即可查看对应证书的序列号

将序列号填写至商城后台--支付设置--网站微信支付设置位置（如图）

② 验证微信支付身份

微信商户验证支持2种方式：平台证书和微信支付公钥。

平台证书：无需客户配置，系统自动完成。

微信支付公钥：必须客户自行前往微信商户后台进行配置，填写公钥ID、上传公钥文件。

a.仅有平台证书：如果商户后台仅显示平台证书信息，则使用平台证书加密方式，无需配置。

b.仅有微信支付公钥：如果商户后台仅显示微信支付公钥信息，则使用微信支付公钥加密方式，须配置公钥ID、上传公钥文件。

c.两者都有：则需须按微信支付公钥进行配置。

配置流程：

a.仅有平台

证书微信支付自动提供平台证书，无需商户进行任何操作。

b.仅有微信支付公钥/两者都有

登录微信支付商户平台,账户中心-API安全-微信支付公钥，按照指引生成并下载公钥

将序列号填写至商城后台--支付设置--网站微信支付设置位置（如图）

③ 解密回调

a.点击微信支付商户平台--账户中心--API安全，设置支付APIV3密钥（APIV3申请教程），设置32个字符的密钥，同时进行复制。

注：设置密钥后，不要轻易修改支付密钥，避免造成麻烦，如需要修改的话记得同步更新到商城管理后台。

b. 设置好密钥后，在商城后台--支付设置--网站微信支付设置的【解密回调】中填写。

7. 验证支付

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