前言

关于 uni-app 项目中接入微信支付的文章鱼龙混杂，各种 JSAPI / JS-SDK 乱代码、过时、没注释、不讲流程原理，非常难用。

本文实现了 uni-app H5 移动端网页项目，实现微信支付功能，详细讲解接入流程及超详细示例代码，

从 0-1 完全站在小白的角度，让您无需太多知识也能行，仅需几步助您快速接入微信支付，

---

支付功能真机已测试，您也将获得一摸一样的功能，从而植入到您现有的项目中，

该示例代码干净整洁，超级详细的注释

支付类型

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

关于 H5 网页支付，目前微信官方仅支持 2 种支付方式：

类型	官方解释	大白话描述
JSAPI 支付	商户通过调用微信支付提供的JSAPI接口，在支付场景中调起微信支付模块完成收款。	只能在微信内置浏览器中使用，使用微信浏览器内置的 WeixinJSBridge 对象的支付 API 进行支付。
H5 支付	商户在微信客户端外的移动端网页展示商品或服务࿰