在前端开发中，常常需要使用一些支付接口来完成交易流程，这时就需要用到支付 SDK 或者支付 API，而 payon 就是一款方便实用的 npm 包，允许使用者快速地接入支付宝、微信等支付服务。下面将详细介绍 payon 的使用方法。
安装
在使用 payon 之前，需要先在项目中安装它。使用以下命令可以全局安装 payon：
npm install -g payon
或者在项目文件夹内安装：
npm install --save payon
初始化
在使用 payon 进行支付前，需要将支付相关配置项初始化，同时也可以选择使用链式调用方式，以便在处理支付过程中更方便地进行各种参数的配置，示例如下：
-- -------------------- ---- -------
----- ----- - ----------------
----- ------- - -------
-------
-- ----
------ ---------------------
------- -------------
----------- ---------------------------
--
---------
-- ----
----------- -------
--发起支付
在进行完初始化后，可以使用 payment.request() 方法来发起支付，传入支付金额和商品描述等参数，示例如下：
let result = await payment.request({
body: '测试支付',
out_trade_no: 123456,
total_fee: 1,
openid: 'oa1HjwLltNpzPqs5hfrN6HGGACRc'
}).catch(err => console.log(err))
console.log(result)处理回调
完成支付流程后，支付平台会异步地回调我们的后端接口，告诉我们当前支付的情况。我们可以使用 payon 提供的 payment.notify() 方法来处理这种回调，示例如下：
// 处理回调
router.post('/notify', async (ctx) => {
let result = await payment.notify(ctx.request.body)
console.log(result)
ctx.body = '<xml><return_code>SUCCESS</return_code><return_msg>OK</return_msg></xml>'
})总结
通过上述代码示例的介绍，可以看出 payon 是一款方便实用的支付接口 npm 包，通过它可以快速地接入支付宝、微信等支付服务，方便开发者在前端项目中进行支付集成。同时也需要注意安全性的问题，避免支付秘钥等敏感信息泄露，同时也要注意处理支付回调等异步处理方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ac681e8991b448d85e6