前言
关于 uni-app 项目中接入微信支付的文章鱼龙混杂，各种 JSAPI / JS-SDK 乱代码、过时、没注释、不讲流程原理，非常难用。
本文实现了 uni-app H5 移动端网页项目，实现微信支付功能，详细讲解接入流程及超详细示例代码，
从 0-1 完全站在小白的角度，让您无需太多知识也能行，仅需几步助您快速接入微信支付，
支付功能真机已测试，您也将获得一摸一样的功能，从而植入到您现有的项目中，
该示例代码干净整洁，超级详细的注释
支付类型
首先您要知道微信官方支持哪几种类型，它们的支付环境有什么要求，我们适合哪种等问题。
关于 H5 网页支付，目前微信官方仅支持 2 种支付方式：
| 类型 | 官方解释 | 大白话描述 |
|---|---|---|
| JSAPI 支付 | 商户通过调用微信支付提供的JSAPI接口，在支付场景中调起微信支付模块完成收款。 | 只能在微信内置浏览器中使用，使用微信浏览器内置的 WeixinJSBridge 对象的支付 API 进行支付。 |
| H5 支付 | 商户在微信客户端外的移动端网页展示商品或服务 |