介绍
worldpay 是一家提供全球支付解决方案的公司，其 npm 包可以让我们在前端页面集成支付功能。本文会详细介绍如何使用 worldpay npm 包，从安装、初始化、创建支付请求、处理支付结果等方面进行讲解。
安装
使用 npm 安装 worldpay 包：
npm install worldpay --save
初始化
导入 worldpay，并根据实际情况进行配置：
const Worldpay = require('worldpay');
const worldpay = Worldpay({
serviceKey: 'YOUR_SERVICE_KEY', // 服务密钥
clientKey: 'YOUR_CLIENT_KEY', // 客户端密钥
environment: 'test', // 环境
locales: 'en-US' // 语言
});其中，serviceKey 和 clientKey 需要在 worldpay 注册并创建应用时获取，环境可以设置为 test（测试）或 live（生产），locales 可以设置为不同的语言。
创建支付请求
在前端页面中，可以使用 worldpay 的 JavaScript API 创建支付请求：
worldpay.useForm({
clientKey: 'YOUR_CLIENT_KEY', // 客户端密钥
form: '#paymentForm', // 表单选择器
paymentMethod: 'card', // 支付方式
tokenType: 'card',
successUrl: '/success', // 支付成功的回调页面
errorUrl: '/error' // 支付失败的回调页面
});其中，paymentMethod 可以设置为 card（银行卡支付）、paypal（PayPal 支付）等不同的支付方式，tokenType 可以设置为 card 或 applepay。
处理支付结果
在服务器端，可以使用 worldpay 的 Node.js API 处理支付结果：
worldpay.charges.capture('YOUR_ORDER_CODE', 'YOUR_CAPTURE_AMOUNT', function(error, response) {
if (error) {
console.log('Capture error:', error);
} else {
console.log('Charge captured:', response);
}
});其中，orderCode 是创建支付请求时生成的订单号，captureAmount 是需要拍摄的金额。
示例代码
下面是一个完整的示例代码，包括在前端页面中创建支付请求和在服务器端处理支付结果：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------
-------
------
-------------
----- -----------------
------ ----------- ----------- -----------------
------ ----------- ----------------- -----------------
------ ----------- ------------------ --------------------
------ ----------- ----------------- --------------------
------ ----------- ---------- ------------------
------ ------------- -------------
------- -------------------------
-------
------- -------------------------------------------------------
--------
----- -------- - --------------------
----- -------- - ----------
----------- -------------------
---------- ------------------
------------ -------
-------- -------
---
------------------
---------- ------------------
----- ---------------
-------------- -------
---------- -------
----------- -----------
--------- ---------
--------- ------------------ -
-------------------------------------------- - ---------------
------------------------------------------------
-
---
---------
-------
--------- -------------------- ---- -------
----- ------- - -------------------
----- -------- - --------------------
----- ---------- - -----------------------
----- --- - ----------
---------------------------
---------------------------------------- ---------
----- -------- - ----------
----------- -------------------
---------- ------------------
------------ -------
-------- -------
---
---------------- ------------- ---- -
-------------------------
----------------- ----- ----- -------------
------- --------
------------- ------
---------- ------------- - --- -----------------
------ --------------
-- --------------- --------- -
-- ------- -
----------------
- ---- -
-------------------
-
---
---
---------------- ---------- -
------------------- ------- -- ------------------------
---总结
本文介绍了如何使用 worldpay npm 包，在前端页面集成支付功能，并在服务器端处理支付结果。希望对前端开发者实现在线支付有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671138dd3466f61ffe4e4