微信公众号 - 最新详细实现H5网页接入微信支付功能，开发移动端、PC端网站集成使用微信支付流程及示例代码，公众号网页利用JS-SDK/JSAPI/H5支付授权唤起微信支付，可脱离微信环境支付或内置浏

前言

网上的教程乱七八糟，本文提供优质教程。

在微信公众号 H5 网站开发中，详解实现 web 移动端网页集成微信支付教程，在微信内置浏览器环境内调起微信支付，也可以脱离微信环境在第三方任意浏览器网页中微信支付，提供 js-sdk | jsapi | h5授权支付使用示例代码及说明，支持手机网页、pc电脑网页客户端进行使用（pc端可生成支付二维码，由用户使用手机扫码后付款支付），解决无法在本地直接测试、无需部署上线到服务器直接调试、解决redirect_uri参数错误、回调失败、支付报错等问题。

支持 vue2 / vue3 / uniapp 语法，跟着教程配置后复制示例代码即可。

如下图真机所示，提供微信内支付、微信外支付、扫码支付等全场景教程。

详细代码，nuxt项目也可使用。

支付说明

先来看一下支付类型，它们的支付环境有什么要求。