微信h5支付接口配置
微信H5支付接口配置详解
随着移动互联网的普及,越来越多的企业开始将线下业务转移到线上,其中移动端网页成为了一个很重要的渠道。为了提升用户购物体验,微信推出了基于移动端网页的支付方式——H5支付,方便用户在线购物付款。那么,如何配置微信H5支付接口呢?接下来,本文将为大家进行详细的讲解。
一、申请微信商户
想要使用微信H5支付,首先需要开通微信商户,企业应该提交营业执照等基本信息来申请,然后登录商户平台,在产品中心的H5支付处查看开通状态。
二、域名备案
开通微信H5支付前,要先将售卖产品的域名进行备案,以备后续使用。若域名未备案,可以先提交域名备案,等备案完成后再进行支付接口的配置。
三、申请开通移动端网页支付
在进行支付接口的开通前,需要配置支付域名、售卖产品及使用场景的描述和申请补充材料。申请补充材料一般为域名证书和域名授权书。具体步骤如下:
1、填写支付域名
在商户平台的产品中心—产品大全—我的产品—H5支付处填写支付域名。
2、填写售卖产品及使用场景
填写售卖产品及使用场景的描述,例如售卖商品或提供服务的描述等。
3、提交申请
提交申请后,进入微信支付H5支付的申请开通界面。在这个界面中,需要填写以下内容:
1)微信商户号。
2)售卖产品的官方网址。
3)支付授权域名。
4)营业执照复印件。
5)法人身份证复印件。
6)银行开户许可证复印件。
7)公司对公银行账号。
8)经办人身份证复印件。
9)联系人电话和邮箱。
10)经营范围的营业执照副本。
申请提交后,一般需要等待1天左右审核时间。
四、支付接口配置
1、接入支付
微信提供了两种接入方式:
a)SDK接入。
b)H5接入。
本文讲解的是H5接入方式。
2、引入JS
在网页中引入微信提供的JS文件。
例如:
(注意:appid需向微信官方进行申请并获取)
3、调用微信支付接口
在JS文件中编写以下代码:
WeixinJSBridge.invoke('getBrandWCPayRequest', {
"appId" : "", //公众号名称,由商户传入
"timeStamp": "", //时间戳,自1970年以来的秒数
"nonceStr" : "", //随机串
"package" : "",
"signType" : "MD5", //微信签名方式:
"paySign" : "" //微信签名
},function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
//支付成功
}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
//支付取消
}else{
//支付失败
}
});
以上代码中,需要填写的内容有:
1)appId:公众号名称,由商户传入。
2)timeStamp:时间戳,自1970年以来的秒数。
3)nonceStr:随机串。
4)package:商品信息。
5)signType:微信签名方式。
6)paySign:微信签名。
通过以上步骤,就可以顺利地开通微信H5支付接口并在页面中完成支付了。
总结
本文通过讲解申请微信商户、域名备案、申请开通移动H5支付、支付接口配置的步骤,为大家提供了详细的微信H5支付接口配置指南。在实际操作中,还需要注意网页的兼容性、测试环境的搭建等问题,这些问题都需要我们认真思考并解决。希望本文可以帮到大家,为你的网站或移动端应用提供更好的支付服务。