一、功能效果
对接微信支付后用户在平台可以实现在线即时支付效果。建站对接支付后可应用在知识付费、表单系统的在线报名、预约支付功能上。
二、使用要求
【版本】网站至尊版用户支持开启该功能
【前提】需要满足三个前提。
1、拥有已认证服务号或已认证订阅号(仅支持政府和媒体类型),下文统称公众号
2、网站绑定的域名已完成备案(点此查看备案教程)
3、域名备案主体与公众号备案主体一致
三、设置教程
教程涉及三个平台(建站管理后台、微信公众平台、微信商户平台),请注意区分。
1. 授权公众号
1.1 进入建站管理后台,在【互动-公众号】中,授权已认证服务号或已认证订阅号(仅支持政府和媒体类型)。
点击查看:如何授权公众号
1.2 获取AppSecret并填写在下图位置,填写完成后点击【提交】。
点击查看:Appsecret获取教程
2. 商户平台提交授权申请
以下分两种情况。情况一:未注册过商户平台账号。情况二:已拥有微信商户平台账号。
情况一:如未拥有微信支付商户账号,可登录授权的微信公众号(点击登录),在【广告与服务-微信支付-支付申请】中点击【申请接入】进行注册商户账号。
选择【我还没有微信支付商户号】后根据提示进行申请。
情况二:已拥有微信商户平台账号的用户,登录微信商户平台(点击登录),在【产品中心-APPID账号管理】中,点击【关联APPID】。
输入公众号的APPID进行授权绑定。(APPID获取位置往下看)
公众号APPID获取位置:在公众号【设置与开发-基本配置】中获取开发者IDAPPID。
3. 确认关联商户号
3.1 在商户平台提交授权申请后,返回微信公众号后台,在【微信支付-商户号管理-待关联商户号】中进行确认。
4. 开通支付产品
4.1 进入微信商户平台,点击【产品中心-产品大全-我的产品】开通“JSAPI支付”、“Native 支付”、“H5支付”。
4.2 支付产品介绍
【JSAPI支付】
定义:JSAPI支付是指用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块来完成支付,适用于在公众号、朋友圈、聊天窗口等微信内完成支付的场景。
申请条件:已认证服务号或已认证订阅号(仅支持政府和媒体类型)、已备案域名。申请指引
【Native支付】
定义:Native支付是指商户系统按微信支付协议生成支付二维码,用户再用微信“扫一扫”来完成支付,适用于PC网站支付、实体店单品等场景。
申请条件:已认证服务号或已认证订阅号(仅支持政府和媒体类型)、已备案域名。申请指引
【H5支付】
定义:H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。
申请条件:目前针对18个类目开放了H5支付权限,可登录微信商户平台,点击【产品中心】->【我的产品】->【支付产品】->【H5支付】进行申请,申请时需填写已备案域名。申请指引
5. 配置支付数据
5.1 在建站管理后台【交易管理-支付设置-微信支付】中获取数据链接。
注意:这里需要使用已备案的手机版网站域名,请确认已设置您的已备案手机网站域名为主域名。
* 管理后台如没有【交易管理】这一导航项,请到【产品-功能设置】中开启【知识付费产品】功能,然后刷新管理后台。
5.2 回到微信商户平台,在【产品中心-开发配置-支付配置】中将建站后台的数据链接添加到对应位置。支付授权目录共有两条链接,需要分别添加。
注意:支付链接配置完成后是与后台显示一致的链接,如您的链接显示 https://https://m.abc.com/wxPay/为错误链接,删除其中一个https即可
6. 填写商户号
6.1 进入微信商户平台,在【产品中心-开发配置】中获取商户号。
6.2 将商户号填写到【微信支付商户号】位置。
7. 设置支付密钥
7.1 在微信支付商户平台中,前往【账户中心--账户设置--API安全】,在打开的页面中点击“设置APIv2密钥”,并将该密钥记录下来。
密钥要求:32个字符,大写英文、小写英文和数字的组合。
注意:不要轻易修改支付密钥,修改后记得回到建站后台同步更新
7.2 回到建站管理后台,输入设置好的32位APIv2密钥。
商户号和支付密钥填写完成后点击保存。
8. 配置网页授权域名
8.1 进入微信公众平台【设置与开发-公众号设置-功能设置】中点击【网页授权域名】的设置按钮。
8.2 进入页面后点击文件名称进行下载文件。除了下载保存位置自行选择,其他信息请不要修改。
8.3 下载的文件上传到建站管理后台【资源库-虚拟根目录】位置。电脑版和手机版都需要分别上传同一个文件。
8.4 两个文件上传完成后回到公众号平台,在网页授权域名中填写您的已备案手机网站域名。
文件上传是前置条件,上传完成后输入域名才能正常保存
如域名配置了https的情况下,需要开启强制效验https才能保存成功。
完成以上配置操作后,就可以使用微信支付啦!