Vue项目中如何实现微信JSAPI与外部H5支付对接流程？

本文共计627个文字，预计阅读时间需要3分钟。

微信端Web支付的支付方式主要分为JSAPI和H5+JSAPI两种。JSAPI适用于微信内部，而H5支付则用于非微信浏览器的外部环境。

1. JSAPI支付：在微信内部，JSAPI可以直接调用微信浏览器的内置对象WeixinJSBridge，无需额外说明。

web端的微信支付可分为JSAPI与H5

JSAPI使用场景为微信内部，而H5支付则是使用在非微信下的外部浏览器。

1.JSAPI

在微信内部可以直接唤起微信浏览器的内置对象 WeixinJSBridge
废话不多说直接上代码：

// 调用后端接口拿到JSAPI支付所需参数，我在beforeRouteEnter的时候调用。