2023微信h5支付教程

2023微信H5支付教程

H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。H5支付主要用于触屏版的手机浏览器请求微信支付的场景，可以方便地从外部浏览器唤起微信支付。如果你想在微信中卖东西，开通H5支付可能是个不错的选择。在下面，我们就来详细了解如何开通微信H5支付吧！

一、开通微信商户

首先，要开通微信H5支付，必须先开通微信商户。营业执照类型是企业的执照，个体户只可以开微信商户，小程序。入驻成为商户：在线提交营业执照、身份证、银行账户等基本信息，快速提交申请。

二、入驻微信H5支付

1、登陆商户平台

成功开通微信商户后，我们需要登录商户平台。在【产品中心->产品大全->我的产品->H5支付】可以查看H5支付的开通状态。如果你还没有开通H5支付，点击【申请开通】前往申请开通页面。

2、填写支付域名

在申请开通页面，有三个要求需要填写。首先是支付域名，此处填写的域名需要提供一份域名授权书。例如，以下是本人公司在腾讯云备案的域名，支付域名可以填写需要备案过的域名，然后需要备案域名公司填写域名授权书给需要开通微信支付H5支付的企业或者个人。

3、售卖产品/使用场景

其次是售卖产品/使用场景，此处需要填写一项需要开通微信支付H5支付企业的营业范围。需要根据实际情况填写，主要是简单描述售卖产品或使用场景。

4、补充材料

在最后的补充材料中则是提交一份域名证书和域名授权书。一般申请下来的周期是1天的审核时间左右。

5、审核通过后，就可以在H5支付页面里查看到开通H5支付的状态。

三、配置JSAPI支付信息

在进入H5支付之前，还需要配置JSAPI支付信息。首先，需要去微信商户平台进入【商户信息】-【公众号支付】，添加支付授权目录，这个授权目录是我们需要在H5支付界面在微信支付中打开的完整路径（域名+文件路径）。

在配置完成后，还需要在app.js文件中加入以下代码：

```javascript

wx.config({

//注意，这里的appId必须是商户的appId（即微信公众号的appId）

appId：appId,

timestamp：timestamp,

nonceStr：nonceStr,

signature： signature,

jsApiList：['chooseWXPay']

})

```

这些参数均需从微信服务器获取。

四、开始H5支付

最后，通过以下代码开启H5支付：

```javascript

wx.ready(()=> {

//需要调起支付的页面url

let url = 'http://www.example.com/pay.aspx';

wx.chooseWXPay({

appId：appId,

timestamp：timestamp,

nonceStr：nonceStr,

package：'prepay_id=prepay_id', //微信订单号

signType：'MD5',

paySign：'paySign',

success：(res)=> {

//支付完成

alert('支付成功！');

},

fail：(res) => {

//支付失败

alert('支付失败！');

},

complete：(res) => {

//支付完成，不管成功还是失败都会调用complete方法

}

})

})

```

总结

H5支付对于想在微信中卖东西的人来说是个不错的选择。但是，在进行H5支付前，还需要开通微信商户并在商户平台进行一系列的设置，以及在代码中进行配置，才能实现H5支付。

希望这篇文章能对想要了解微信H5支付的人有所帮助。