前言
如果您需要 Vue2 版本,请访问 这篇文章。
在 vue3 | nuxt3 项目开发中,详解对接微信支付全流程及示例代码,提供 “全场景” 微信支付教程,支持在微信内置浏览器中调用微信支付、脱离微信浏览器在第三方浏览器中调用微信支付、第三方网站生成微信支付二维码(通过扫描二维码进行支付) 扫码支付、微信公众号网页接入微信支付等,手机移动端 h5 网页接入调起微信支付,电脑 pc 网站调用微信支付生成付款二维码并监听扫描支付结果,微信公众号网站项目(JS-SDK / JSAPI) 调用微信支付等,附带微信支付常见问题,解决支付、回调错误、开发如何测试问题、等常见问题及微信支付报错处理!
网上的教程太乱且各种问题,本文从 0-1 详细讲解完整流程,新手小白直接复制示例代码轻松搞定!
如下图真机所示,提供微信内支付、微信外支付、扫码支付、公众号等全场景示例代码,自行选择即可。
详细示例源码及注释说明,支持js/ts,uniapp也可以使用
支付类型
首先您要知道微信官方支持哪几种类型,它们的支付环境有什么要求,