一、教程介绍
商城的电脑端、手机端如果需要使用到微信支付,需要申请开通对应的微信支付产品,按照指引正确配置后才可在网站上使用微信支付。本文介绍如何配置商城电脑网站及手机网站微信支付。
二、功能说明
【版本】商城需标准版及以上版本才可使用微信支付功能
【前提条件,很重要!!】
① 需授权已认证服务号或政府/媒体类型的已认证订阅号,下文统称公众号
② 商城绑定已备案的域名
③ 拥有商户号
以上条件需全部满足,如缺少一条则无法完成支付配置。
【温馨提示】
教程涉及三个平台:商城管理后台、微信商户平台、微信公众平台,操作过程中请保持三个平台账号同时在线。
三、商城授权公众号接入商户号
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可直接点击【下一步】。
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证书),下载并上传至商城后台相应的支付设置处才能实现。
如无需使用原路退款功能无需上传证书也可以正常使用微信支付。
6. 验证支付
使用微信扫码查看是否能正常付款,如果可以则证明设置成功。如果无法成功支付请根据教程重新设置一遍。