Vue2 - 最新详解实现网站接入微信支付功能，调起微信支付页面或微信扫码支付效果详细教程，手机移动端H5或电脑PC网页 “微信环境内支付“与“脱离微信环境外部浏览器支付“ 示例代码，支持微信公众号！

前言

如果您需要 Vue3 版本，请访问 这篇文章。

在 vue2 | nuxt2 项目开发中，详解对接微信支付全流程及示例代码，提供 “全场景” 微信支付教程，支持在微信内置浏览器中调用微信支付、第三方网站生成微信支付二维码(通过扫描二维码进行支付) 扫码支付、脱离微信浏览器在第三方浏览器中调用微信支付、微信公众号网页接入微信支付等，电脑 pc 网站调用微信支付生成付款二维码并监听扫描支付结果，手机移动端 h5 网页接入调起微信支付，微信公众号网站项目(JS-SDK / JSAPI) 调用微信支付等，附带微信支付常见问题，解决回调错误、支付、开发如何测试问题、等常见问题及微信支付报错处理！

网上的教程太乱且各种问题，本文从 0-1 详细讲解完整流程，新手小白直接复制示例代码轻松搞定！

---

如下图真机所示，提供微信内支付、微信外支付、扫码支付、公众号等全场景示例代码，自行选择即可。

详细示例源码及注释说明，uniapp也可以使用

支付类型

首先您要知道微信官方支持哪几种类型，它们的支付环境有什么要求，