微信支付前端坑点分享

1.微信H5支付

当产品说，别人组也支持了微信支付，咱们组也支持一下吧。需求单上也列了微信H5支付。

H5支付，主要用于触屏版的手机浏览器（注意不是微信的浏览器）请求微信支付的场景。可以从外部浏览器唤起微信支付。

那么通过前端开发的角度来思考，具体怎么实现？

• 使用微信提供的支付API，这种方式比较简单，但是需要申请微信支付商户号，并且需要在微信支付平台上进行配置。
• 使用第三方支付平台，这种方式比较方便，不需要申请微信支付商户号，但是需要支付一定的手续费。

了解两种方案后，我们选择了使用微信提供的支付API。因为这样可以最大程度地控制支付流程，并且可以避免支付手续费。

2.微信公众号支付

微信公众号支付，顾名思义，就是通过微信公众号发起支付的场景。公众号支付可以分为两种：

• 公众号内支付：用户在微信公众号内直接进行支付。
• 公众号外支付：用户在微信公众号外（例如，手机浏览器）进行支付，但需要通过公众号授权。

公众号支付的实现方式与H5支付类似，同样需要使用微信提供的支付API。但是，公众号支付还需要进行公众号授权，即需要在微信公众平台上进行配置。

3.微信小程序支付

微信小程序支付，顾名思义，就是通过微信小程序发起支付的场景。微信小程序支付与公众号支付类似，也分为两种：

• 小程序内支付：用户在微信小程序内直接进行支付。
• 小程序外支付：用户在微信小程序外（例如，手机浏览器）进行支付，但需要通过小程序授权。

小程序支付的实现方式与公众号支付类似，同样需要使用微信提供的支付API。但是，小程序支付还需要进行小程序授权，即需要在微信公众平台上进行配置。

4.微信app支付

微信app支付，顾名思义，就是通过微信app发起支付的场景。微信app支付与公众号支付类似，也分为两种：

• app内支付：用户在微信app内直接进行支付。
• app外支付：用户在微信app外（例如，手机浏览器）进行支付，但需要通过app授权。

app支付的实现方式与公众号支付类似，同样需要使用微信提供的支付API。但是，app支付还需要进行app授权，即需要在微信公众平台上进行配置。

5.微信支付错误

在微信支付的开发过程中，难免会遇到各种各样的错误。下面列举一些常见的微信支付错误：

• 支付失败：可能是由于网络问题、支付密码错误、支付金额错误等原因造成的。
• 订单已关闭：可能是由于订单超时、订单已取消等原因造成的。
• 支付金额不正确：可能是由于商品价格发生变化、支付金额计算错误等原因造成的。
• 支付方式不支持：可能是由于该商户不支持该支付方式、该银行卡不支持该支付方式等原因造成的。

6.微信支付解决方案

针对上述的微信支付错误，我们可以采用以下解决方案：

• 支付失败：检查网络连接、支付密码、支付金额是否正确，如果仍然无法支付，可以联系客服人员。
• 订单已关闭：如果订单超时，可以重新发起支付；如果订单已取消，可以联系客服人员。
• 支付金额不正确：检查商品价格、支付金额计算是否正确，如果仍然不正确，可以联系客服人员。
• 支付方式不支持：更换其他支付方式，如果仍然不支持，可以联系客服人员。

7.微信支付坑点

在微信支付的开发过程中，还有一些需要注意的坑点：

• 微信支付需要实名认证，如果用户未实名认证，则无法进行支付。
• 微信支付有限额，单笔支付金额不能超过5000元，每天的支付金额不能超过20000元。
• 微信支付需要进行安全认证，如果用户未通过安全认证，则无法进行支付。

8.总结

微信支付是一个非常流行的支付方式，但是也是一个比较复杂的支付方式。在微信支付的开发过程中，可能会遇到各种各样的问题。希望本文分享的坑点和解决方案能够帮助广大前端开发人员顺利地完成微信支付的开发工作。