近年来，随着电子商务的发展，线上支付逐渐成为了大众的消费观念，而 Braintree 支付是一种广受欢迎的支付解决方案，它提供了安全可靠的在线支付，并且非常易于使用。在此基础上，npm 社区中出现了一个名为 bloggify-braintree 的 npm 包，为开发者和用户提供了更为便捷的支付模块。
本文将介绍如何通过 npm 包 bloggify-braintree 使用 Braintree 支付，包括安装、配置、使用及验证支付成功等内容，并提供示例代码供参考。
安装
首先，我们需要在终端中使用 npm 命令安装 bloggify-braintree 模块，具体命令如下：
--- ------- ------------------ ------
其中，--save 参数会将该模块添加到 package.json 文件中。
配置
接下来，在项目中创建 Braintree 的认证文件（.env 文件），并在其中添加以下几个配置项：
---------------------- ------------------------------- ----------------------------- -------------------------------
这些值可以在 Braintree 的控制台中找到，其中 BT_ENVIRONMENT 的值可以为 sandbox 或 production，sandbox 旨在用于开发和测试，而 production 是用于生产环境的。
现在我们已经完成了基本的配置，接下来，我们可以开始使用 bloggify-braintree 模块。
使用
首先，在项目的入口文件中，加载 bloggify-braintree 模块并初始化 Braintree 客户端对象：
----- -------- ------- - ------------------------------ ------------- --------- ----- ------ - --- ---------
接下来，我们可以使用 client 对象来创建 Braintree 支付订单，并使用该订单生成客户端令牌，以便进行付款。
----- -------- ------- - ------------------------------
------------- ---------
----- ------ - --- ---------
----- ----------- - ----- -------- -- -
----- ------ - ----- ---------------------------------
------- -------
------------------- -------------------
-------- -
-------------------- ----
-
---
----- ----- - ----- --------------------------------
------ -------- -------
-在以上代码中，amount 是我们需要支付的金额，nonceFromTheClient 是通过 Braintree 提供的付款表单获取的一次性支付令牌，submitForSettlement 表示我们是否要自动提交这笔订单。
在调用 createOrder 函数后，我们可以获得一个包含订单信息和客户端令牌的对象，从而进行支付操作。
验证支付
最后，我们要对支付结果进行验证，以确保支付流程的完整性和成功性。因此，在收到支付成功的通知后，我们需要查询 Braintree 系统中该订单的状态，并与收到的通知进行比对，以下是代码示例：
----- -------- ------- - ------------------------------
------------- ---------
----- ------ - --- ---------
----- ---------------- - ----- --------------- -- -
----- ----------- - ----- -----------------------------------------------
-- ------------------- --- ---------- -
------ -----
-
------ ------
-在以上代码中，transactionId 是订单的唯一标识符，在调用 checkTransaction 函数后，我们可以获知该订单的状态是否已完成，从而验证支付结果。
结论
本文介绍了如何通过 npm 包 bloggify-braintree 进行 Braintree 支付的操作流程，并提供了详细的配置、使用和验证支付结果的示例代码。相信这对于对支付流程感兴趣的开发者和用户来说，将有着深度和学习意义，并帮助大家更方便地使用 Braintree 支付。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5b51ab1864dac67030