Braintree 是一个网络支付平台，它可以帮助开发者在应用中接收和处理信用卡和 PayPal 支付等交易。作为一名前端开发者，我们可以使用 Braintree 提供的 npm 包在我们的应用中集成支付功能。
安装
我们可以使用 npm 命令安装 Braintree 包：
--- ------- ---------
初始化
安装完成后，我们需要在项目中引用 Braintree：
----- --------- - --------------------- ----- ------- - ------------------- ------------ ------------------------------ ----------- ------------------- ---------- ------------------ ----------- ------------------ ---
在初始化中，我们需要提供 Braintree 分配给我们的商家 ID、公钥和私钥，以及所在的环境（开发环境或生产环境）。商家 ID、公钥和私钥可在 Braintree 控制台 中查看和管理。
创建交易
创建交易可以在我们的应用中收取付款。在 Braintree 中，我们可以使用 gateway.transaction.sale() 方法创建交易：
--------------------------
------- --------
------------------- -------------------
-------- -
-------------------- ----
-
-- -------- ----- ------- -
-- ----- -
-------------------
-------
-
-- ---------------- -
------------------------ ----- -----------------------
- ---- -
------------------------------
-
---在创建交易时，我们需要提供交易金额和客户端传递过来的支付方法的一次性密钥（nonce）。为了安全起见，我们不应该直接使用客户端传递过来的支付方法，而是应该使用 Braintree 的 Secure Fields 或者 Hosted Fields 将客户端密码传输到 Braintree，然后获取一次性密钥。
创建交易时还可以提供一些选项，比如是否直接提交结算，以及结算的一些详细信息。
查询交易
除了创建交易，我们还可以查询已经存在的交易：
------------------------------------------ -------- ----- ------------ -
-- ----- -
-------------------
-------
-
------------------------ ----- ----------------
------------------------ --------- --------------------
---在查询交易时，我们需要提供要查询的交易 ID。查询结果中包含了交易的详细信息，如金额、支付状态、付款方式等。
总结
使用 npm 包 Braintree，我们可以在我们的应用中快速集成支付功能。本文介绍了使用 Braintree 的一些基本方法和技巧，希望对你学习和使用 Braintree 有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/57906