简介
weapp-pay 是一款在微信小程序中使用的支付插件，支持小程序支付、H5 微信支付和公众号支付。使用 weapp-pay 可以轻松实现微信支付功能，并提供多种支付方式选择，满足用户需求。
安装
安装 weapp-pay 有两种方式：
- 使用 npm 安装
npm install weapp-pay --save
- 直接下载源代码
在 weapp-pay 的 Github 主页上下载最新版本源代码，并将 weapp-pay 目录复制到项目中即可。
使用
使用 weapp-pay 有两个必要的步骤：
1. 注册小程序支付
在微信公众平台上注册小程序支付，在小程序管理后台开通支付功能，然后获取支付接口密钥。
2. 初始化 weapp-pay
在代码中引入 weapp-pay，并使用注册支付时获取的支付接口密钥初始化 weapp-pay。示例代码如下：
import WeappPay from 'weapp-pay'
const weappPay = new WeappPay({
appId: 'wx123456789',
mchId: '1234567890',
apiKey: 'abcdefghijklmnopqrstuvwxyz123456',
notifyUrl: 'https://www.example.com/api/weapp-pay',
})其中，appId、mchId、apiKey 需要替换为注册支付时获取的实际值，notifyUrl 是支付完成后微信服务器通知支付结果的接口地址。
3. 发起支付请求
使用 weapp-pay 提供的 createOrder 方法发起支付请求。示例代码如下：
-- -------------------- ---- ------- ---------------------- ----- ------- ----------- --------------- --------- -- --------------- ------------ ------- ------------------------------ ----------- -- - ---------------- ------------ -- - ------------------ --
其中，调用 createOrder 方法需要传入一个对象参数，包含以下属性：
body支付说明outTradeNo商户系统内部的订单号，32 个字符内、可包含字母totalFee订单总金额，单位为分spbillCreateIp用户端实际ipopenId用户标识
createOrder 方法返回一个 Promise，成功时返回支付参数，失败时返回错误原因。
4. 完成支付
调用微信官方提供的支付 API，完成支付。示例代码如下：
-- -------------------- ---- -------
-------------------
---------- --------------
--------- -------------
-------- ------------
--------- ------
-------- ------------
-------- -- -- -
-------------------
--
----- -- -- -
-------------------
-
--其中，res 是 createOrder 方法返回的支付参数。
总结
使用 weapp-pay 可以轻松实现微信支付功能，并提供多种支付方式选择，满足用户需求。在使用 weapp-pay 时需要注意注册支付和初始化 weapp-pay，然后调用 createOrder 方法发起支付请求，最后调用微信官方提供的支付 API 完成支付。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e7f81e8991b448dbd9b