微信公众号：微信H5页面JSAPI充值

微信公众号：微信H5页面JSAPI充值，遇到的一些坑，以及解决方式。

首先说一下微信充值分为很多种：目前我所涉及到的只是APP支付、H5支付、JSAPI支付。

区别：

1、根据不同场景

APP支付：是在APP开发的时候在APP端进行微信充值。

H5支付：是在网页上使用微信充值。

JSAPI支付：只能在微信中，或微信公众号中调用微信充值。

2、调用方式不同

在统一下单时交易类型 trade_type 为固定值，根据你的需求填写APP、H5、JSAPI等。

3、参数不同

在使用JSAPI支付时，需要对登陆的微信账号进行授权，获取微信账户的唯一标识openid，openid是JSAPI同意下单必填的字段，由于参数较多看的时候容易漏，请大家仔细阅读微信支付开发文档。

参考：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1

4、返回参数及调起微信支付形式不同

APP支付：后台将返回的xml直接交给移动端，移动端解析后，直接拼装数据调起微信支付。

H5支付：是在网页上使用微信充值。

JSAPI支付：直接使用微信的方法 WeixinJSBridge 调起微信支付。这种调起方式只适用于微信浏览器中。

JSAPI调起微信参考：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

微信公众号接入支付宝支付、vue调起微信支付、vue获取微信openid、vue读取地址栏参数请参考我接下来的博客。