微信h5支付接口怎么设置

微信支付作为目前移动支付的主流之一，不仅在App内部有广泛的应用，而且在移动端网页中也具备了强大的支持。H5支付作为移动端网页中的主流支付方式，受到了各大商户的青睐。本文将介绍如何在微信支付中开通H5支付接口并进行设置。

1. 开通微信商户

在使用微信支付H5支付之前，必须先开通微信商户，并通过微信商户认证。营业执照类型是企业的执照，个体户只可以开微信商户和小程序。

2. 入驻成为商户

入驻成为商户需要在线提交营业执照、身份证、银行账户等基本信息，并快速提交申请。然后，登录【商户平台】，在【产品中心->产品大全->我的产品->H5支付】可以查看H5支付的开通状态。

3. 申请开通微信支付H5支付

在【产品中心->产品大全->我的产品->H5支付】页面，填写H5支付申请开通界面的相关信息，其中主要包含以下三个部分：

① 支付域名：此处需要填写要申请开通微信支付H5支付的网站或移动应用的域名，提供一份域名授权书进行备案。例如，在申请域名时，公司使用腾讯云备，支付域名填写的就是备案过的域名。

② 售卖产品/使用场景：此处需要填写申请开通微信支付H5支付的企业的营业范围和售卖产品/使用场景描述。

③ 补充材料：需要提交一份域名证书和域名授权书进行审核，一般审核周期为1天左右。

4. H5支付接口设置

H5支付接口设置主要包含以下三个步骤：

① 在代码中引入js文件

微信支付H5支付接口的实现需要在代码中引入js文件。可以通过在html头部中插入以下相关js代码实现：

```

```

② 判断是否支持微信支付

在支付前需要判断当前环境是否支持微信支付。可以在调用微信支付前添加如下代码：

```

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

　　WeixinJSBridge.invoke('getBrandWCPayRequest', {}, function (res) {

　　　　console.log(res.err_msg);

　　　　 if (res.err_msg == "get_brand_wcpay_request:ok") {

　　　　　　 // 支付成功

　　　　 } else {

　　　　　　 // 支付失败

　　　　 }

　　});

}, false);

```

③ 调用微信支付

在需要进行支付的页面中的支付按钮中添加以下代码：

```

$('#payButton').click(function () {

　　$.post("统一下单接口", {参数}, function (result) {

　　　　WeixinJSBridge.invoke('getBrandWCPayRequest', {

　　　　　　"appId":result.appId,

　　　　　　"timeStamp":result.timeStamp,

　　　　　　"nonceStr":result.nonceStr,

　　　　　　"package":result.package,

　　　　　　"signType":result.signType,

　　　　　　"paySign":result.paySign

　　　　}, function (res) {

　　　　　　if (res.err_msg == "get_brand_wcpay_request:ok") {

　　　　　　　　// 支付成功

　　　　　　} else {

　　　　　　　　//支付失败

　　　　　　}

　　　　});

　　});

});

```

以上就是关于微信H5支付接口的设置的详细介绍。在实际应用H5支付接口时，需要根据自身网站或移动应用的需求进行相应的配置和使用。