科汛网校V9
帮助首页 科汛网校V9 - 问题汇总

在线支付配置--微信支付教程【PC、H5、APP】

0 2022/4/9 16:49:42

微信支付设置【PC、H5、APP】


目的:现在微信作为常用的交流软件,微信支付也广泛应用。网站使用微信支付,方便快捷。


步骤:

首先,在微信商户平台:https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F 申请收款帐号【目前仅支持企业申请】


其次,根据实际需求,进行PC/H5/APP端的微信支付申请。

PC端:到微信公众平台-> 关联商户号

H5:到微信商户平台->支付产品->申请H5支付

APP端:到微信开放平台->创建移动应用->申请微信支付


微信公众平台:https://mp.weixin.qq.com

微信商户平台:https://pay.weixin.qq.com

微信开放平台:https://open.weixin.qq.com


最后,在网校后台填写对应微信后台的配置值。


下面详细介绍三种微信支付方式的申请流程。

一、PC端微信支付【PC端创建的订单,需要微信二维码支付,打开手机微信app扫码】

1.申请接口

1)准备账号:一个微信公众号,类型必须为“服务号”并且通过微信认证(“订阅号”目前无法申请部分接口);

2)需要申请的服务:微信支付
3)申请方法:参考以下操作

登录网址:https://mp.weixin.qq.com/ 输入账号和密码登录;(微信公众号如果没有的,请先申请)


image.png

登录后,点击左右菜单的“微信支付”

image.png

申请信息填写这里就略过啦~~

申请审核一般也是要1~3天

申请微信支付通过后就会出现账户信息;如下图

image.png


2.获取APPID,MCHID,APPSECRET,KEY


微信需要获取的参数比较多,如:

商户号(MchId):

应用ID(AppId):

应用密钥(AppSecret):

API密钥(PaySignKey):

支付通知页面(NotifyUrl):

 

下面,我们具体看下每个参数的获取和查找方法

 

(1)商户号(MchId)

从图中我们直接可以获得商户号;

image.png(2)应用ID(AppId)和应用密钥(AppSecret)
打开左侧菜单,找到基本配置”,进入

image.png

就可以看到APPID和APPSECRET (注:订阅号无APPID和APPSECRET)

现在的微信公众平台已经不再帮我们存储APPSECRET,我们一定要复制保存好。否则就要重置AppSecret啦


image.png

如果忘记了APPSECRET,需要重置,如图:

image.png

(3)API密钥(PaySignKey)获取KEY,需要单独登录“微信商户平台”,网址:https://pay.weixin.qq.com/  输入自己的商户号和密码登录。

image.png

点击左侧“账户设置”-API安全”即可设置。


4支付通知页面(NotifyUrl)


通知页面(NotifyUrl),支付成功以后会自动调用该通知页面,做逻辑处理操作:

填写地址为:

http://域名/plus/pay/wx/notify.aspx



3.其他配置


微信支付需要在微信公众平台配置路径,否则会出现调用错误

https://pay.weixin.qq.com/  输入账号密码登录商户中心。

在商户平台点击“产品中心”-“开发配置”
需要设置“支付授权目录”,找到支付配置。进入修改。

image.png



进入修改,添加支付授权目录;

支付授权目录,填写您的域名,如 http://域名/plus/pay/wx/(说明切换到实)

image.png

image.png

第一次设置微信支付授权目录,还需要设置如下两个:

 

支付回调URL;填写http://域名/plus/pay/wx/notify.aspx

告警通知URL填写http://您的域名/user/payonline/wx/weipay.aspx 同样是在商户平台点击“产品中心”-“开发配置”里面进行配置。

 

 

特殊说明:

如果正式启用,下面的支付测试,可以不用填写;直接忽略设置。否则参考一下设置测试;

测试授权目录,请填写上面的支付授权目录并添加一些测试白名单,如下图:

image.png

4、网页授权

点击左侧菜单导航的开发->接口权限;

image.png

找到网页服务--“网页授权”,进入修改

image.png

输入自己的域名即可,如图:

注意,域名不需要加http://,也不能以/结束;

image.png

5、网站后台微信支付接口配置


打开我们网校V6.0后台,点开配置--基本设置--在线支付设置,进入微信支付修改;

image.png

image.png

保存即可。微信支付设置成功;

这样,用户在前台交易的时候,即可选择微信支付方式。

image.png

立即支付,生成支付页面,扫描微信二维码支付。

image.png



二、H5端微信支付


第一步:

先登陆到微信商户平台https://pay.weixin.qq.com

第二步:

点击“产品中心”,支付产品版块,点击“H5支付”,申请开通。

image.png

image.png

第三步:微信支付平台审核通过之后点击产品中心=开发配置。输入网站域名即可

image.png


三、APP端微信支付

开启微信APP端支付功能前,请前往微信开放平台(open.weixin.qq.com)申请移动端应用,并获取相应的微信支付权限。

选择一个移动应用。点击“查看”

image.png

找到“微信支付”,获取微信支付能力,(图示的已经为获得状态),未获得微信支付能力的,点击进入获取,按步骤操作即可

image.png

其中:

weixinAppId

WeiXinAppSecret

对应微信开放平台里申请的移动应用APPIDAPPSecret,如下图:

一开始我们得到了APPSecret时就复制保存好,因为微信开放平台里已经不再帮我们储存啦。

一旦忘记,需要进行重置。

image.png

WX_MCH_ID申请获得微信支付权限后,微信那边发给您的商户ID号。

WX_API_KEAPI密钥签名(微信支付商户平台>账户设置>API安全)

 

NOTIFY_URL填写 http://您的域名/user/ payonline/wx/APPNotify.aspx

RETURN_URL填写 http://您的域/user/payonline/wx/APPReturnUrl.aspx

说明:所有参数设置好后,要重新生成APP



微信商户后台https://pay.weixin.qq.com/  这里也有申请开通app支付的接入指引。填写已认证的微信开放平台开发者的APPID。

image.png

image.png


接入指引链接:https://kf.qq.com/faq/170116MvIvei170116m2AbUb.html


开放平台需进行开发者资质认证后才可申请微信支付,认证费:300/次;

提交APP基本信息,通过开放平台应用审核,以获得AppID



image.png


申请接口均完成后,在网校后台填写对应配置信息。

image.png

100%