介绍
worldpay 是一家提供全球支付解决方案的公司，其 npm 包可以让我们在前端页面集成支付功能。本文会详细介绍如何使用 worldpay npm 包，从安装、初始化、创建支付请求、处理支付结果等方面进行讲解。
安装
使用 npm 安装 worldpay 包：
--- ------- -------- ------
初始化
导入 worldpay，并根据实际情况进行配置：
----- -------- - -------------------- ----- -------- - ---------- ----------- ------------------- -- ---- ---------- ------------------ -- ----- ------------ ------- -- -- -------- ------- -- -- ---
其中，serviceKey 和 clientKey 需要在 worldpay 注册并创建应用时获取，环境可以设置为 test（测试）或 live（生产），locales 可以设置为不同的语言。
创建支付请求
在前端页面中，可以使用 worldpay 的 JavaScript API 创建支付请求：
------------------ ---------- ------------------ -- ----- ----- --------------- -- ----- -------------- ------- -- ---- ---------- ------- ----------- ----------- -- --------- --------- -------- -- --------- ---
其中，paymentMethod 可以设置为 card（银行卡支付）、paypal（PayPal 支付）等不同的支付方式，tokenType 可以设置为 card 或 applepay。
处理支付结果
在服务器端，可以使用 worldpay 的 Node.js API 处理支付结果：
------------------------------------------- ---------------------- --------------- --------- -
-- ------- -
-------------------- -------- -------
- ---- -
------------------- ----------- ----------
-
---其中，orderCode 是创建支付请求时生成的订单号，captureAmount 是需要拍摄的金额。
示例代码
下面是一个完整的示例代码，包括在前端页面中创建支付请求和在服务器端处理支付结果：
--------- -----
------
------
----- ----------------
-------------------
-------
------
-------------
----- -----------------
------ ----------- ----------- -----------------
------ ----------- ----------------- -----------------
------ ----------- ------------------ --------------------
------ ----------- ----------------- --------------------
------ ----------- ---------- ------------------
------ ------------- -------------
------- -------------------------
-------
------- -------------------------------------------------------
--------
----- -------- - --------------------
----- -------- - ----------
----------- -------------------
---------- ------------------
------------ -------
-------- -------
---
------------------
---------- ------------------
----- ---------------
-------------- -------
---------- -------
----------- -----------
--------- ---------
--------- ------------------ -
-------------------------------------------- - ---------------
------------------------------------------------
-
---
---------
-------
------------ ------- - -------------------
----- -------- - --------------------
----- ---------- - -----------------------
----- --- - ----------
---------------------------
---------------------------------------- ---------
----- -------- - ----------
----------- -------------------
---------- ------------------
------------ -------
-------- -------
---
---------------- ------------- ---- -
-------------------------
----------------- ----- ----- -------------
------- --------
------------- ------
---------- ------------- - --- -----------------
------ --------------
-- --------------- --------- -
-- ------- -
----------------
- ---- -
-------------------
-
---
---
---------------- ---------- -
------------------- ------- -- ------------------------
---总结
本文介绍了如何使用 worldpay npm 包，在前端页面集成支付功能，并在服务器端处理支付结果。希望对前端开发者实现在线支付有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671138dd3466f61ffe4e4