Introduction
如果你是一个前端开发者，你可能已经听说过 npm，这是一个 node.js 包管理器，用于安装包和模块，可以大大简化我们的开发流程。而 kushki-frontend-helper 就是一个基于 npm 的前端包，它可以帮助我们在前端开发中快速地进行支付集成。在本篇文章中，我们将详细介绍 kushki-frontend-helper 的使用方法以及其内部原理。
快速上手
我们首先需要在本地项目中安装 kushki-frontend-helper 包，打开终端输入以下命令：
npm install kushki-frontend-helper --save
我们可以在项目中的 js 文件中引入这个包：
import KushkiFrontendHelper from 'kushki-frontend-helper';
配置
在使用 kushki-frontend-helper 之前，我们需要去 kushki 官网注册并获得以下信息：
- Public Merchant Id: 用于鉴别商家身份的 ID。
- Secret Merchant Key: 用于授权支付请求的密钥。
- Currency: 支付货币种类（例如美元，哥伦比亚披索等）。
接下来我们可以使用以下代码来配置 kushki-frontend-helper：
-- -------------------- ---- -------
----- ------ - --- ----------------------
----- ----- -----
------ -----------------------
--------- ------
--------- -----
------- ----
---------- --------------------------
---- ---------------------------------
---生成令牌
现在我们已经完成了基本的配置，接下来我们需要生成令牌，这个令牌将用于授权后续的支付请求。
kushki.requestToken().then( token => {
console.log(token);
// token = "xxxxxxxxxxxxxxxxxxxxx"
// 使用令牌进行支付
})进行支付请求
现在我们已经获得了令牌，接下来我们需要使用令牌进行支付请求。我们只需要将令牌、发票信息以及用户信息传递给 kushki-frontend-helper。以下是一个示例代码：
-- -------------------- ---- -------
----- ------------- - -
------ ------
------------- -----
--------- ------
---------------- -
---------- ----- -----
------ -----------------------
------------- --------------
------------- ----
--
--kushki.requestPayment(kushkiPayment).then( response => {
console.log(response);
// response = {
// payment_status: "APPROVED",
// payment_reference_code: "xxxxxxxxxxxxxxxxxxxxx",
// voucher_url: "https://somedomain.com/voucher"
// }
})结论
到这里，我们已经完成了 kushki-frontend-helper 的一个简单的集成。当然，我们没有穷尽所有的功能，kushki-frontend-helper 还有其他许多有用的方法和选项。希望本文内容可以为你提供帮助，更详细的使用方法可以参考 kushki-frontend-helper 的 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562dc81e8991b448e046b