npm 包 adyen-cse-js 使用教程

Adyen 是一个全球性的支付解决方案提供商,它提供了一个加密库来安全地处理信用卡信息。在这篇文章中,我将介绍如何使用 npm 包 adyen-cse-js 来处理支付信息。

什么是 adyen-cse-js

AdyenCSE (Client-Side Encryption) 是一种流行的机制,用于在不泄露敏感数据的同时,将信用卡信息传输到后端的安全处理过程中。 Adyen-cse-js 是一个适用于浏览器和 NodeJS 的 JavaScript 库,利用 Web Crypto API 实现了先进的 CSE 加密方案。该库提供了加密和解密与 AdyenCSE 兼容的数据的函数。

安装和配置

要开始使用 adyen-cse-js,您需要先安装它:

--- ------- ------------

接下来,您需要配置您的帐户信息。在 Adyen 的 Accounts 页面获取以下数据:

  • Client Encryption Key
  • Public Key Token
  • Merchant Account

将这些值放入 JavaScript 对象中:

----- ------ - -
    ------------ ------- -- ------ -- ------
    ---------- -----------------------
    ---------- ----------------------------------
    --------------- -----------------------------
    ---------------- ----------------------------
--

注意,originKey 是指向您的域的信任标识。这是由 adyen 生成的,您需要将其指定为 config 对象的环境属性(test/live)之一。

加密和解密数据

一旦您有了以上的配置和安装,您就可以用以下代码示例执行 CSE 的加密和解密过程。以下是在浏览器中使用库的示例。

首先,我们将创建一个 CardEncryptor 对象:

------ ------------ ---- -----------------------
----- ------------- - ----- ----------------------------

接下来,您可以使用该对象将信用卡信息加密:

----- ------------- - ----- -----------------------
    ------- -------------------
    ---- ------
    ------------ -----
    ----------- -------
    ----------- ----- ----
---

现在已经加密了信用卡数据,接下来我们将学习如何使用库来解密这些信息。

请注意,所有解密操作都应该在可信的服务器上完成,因为在浏览器中进行解密操作会通知您无效的警告。以下是用 NodeJS 解密数据的示例代码:

------ ------------ ---- ----------------------

----- ------------- - ----- ----------------------------

----- ------------- - --------------------- ----------- ---- -------- ---- -------------

----- ------------- - ----- -------------------------------------

---------------------------

结论

使用 npm 包 adyen-cse-js,您可以轻松地在浏览器和 NodeJS 端中执行 AdyenCSE 加密和解密操作。在您的付款流程中,这是一种安全机制,可大大减少您客户的信用卡信息泄露的风险。

以上就是 adyen-cse-js 的使用教程。希望这篇文章可以帮助您使用这个 npm 包来保护您的支付数据。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671a730d092702382259a


猜你喜欢

  • npm 包 @trialspark/getter-to-string 使用教程

    在前端开发中,我们经常需要将 JavaScript 对象转换成字符串输出,以方便调试和查看数据。这时候,我们可以使用 npm 包 @trialspark/getter-to-string 来简化这个过...

    4 年前
  • npm 包 wska 使用教程

    简介 wska 是一个基于 WebSocket 协议的封装库,可以帮助开发者实现 WebSocket 连接以及数据传输。它具有以下的特点: 只依赖 WebSocket 协议的浏览器环境,可以在浏览器...

    4 年前
  • npm 包 ngrx-store-capacitor 使用教程

    前言 随着前端技术的发展,越来越多的应用程序需要应对大规模数据的交互与管理。ngrx-store-capacitor 是一个基于 Capacitor 的跨平台状态管理库,可以协助前端开发者处理应用程序...

    4 年前
  • npm 包 infeos 使用教程

    介绍 infeos 是一个基于 EOS 的前端开发库,提供了轻量、易用的接口库,使得在 web 应用中使用 EOS 变得更简单。 infeos 提供了三种 API: eosjs API 提供了 EO...

    4 年前
  • npm 包 hexo-lazysizes 使用教程

    在现代 Web 开发中,前端性能已经成为一个不容忽视的问题。为了提高网页的访问速度,我们通常会使用懒加载技术来延迟一些不必要的资源加载,如图片、iframe 等。hexo-lazysizes 就是一个...

    4 年前
  • npm 包 vcaptcha 使用教程

    前言 在实现前端页面的时候,很多时候需要进行验证码的验证。而今天我们要介绍的是一个 npm 包 vcaptcha,它是一个基于 JavaScript 的验证码组件,支持点击和滑动解锁的方式。

    4 年前
  • npm 包 @itrulia/jest-schematic 使用教程

    简介 在前端开发中,自动化测试是不可或缺的一部分。Jest 是一个流行的 JavaScript 测试框架,它提供简单易用的 API 和丰富的功能,能够满足大多数测试需求。

    4 年前
  • npm 包 xml-csharp-cereal 使用教程

    在前端开发中,我们经常需要处理和操作 XML 数据,而 npm 包 xml-csharp-cereal 可以帮助我们方便地进行 XML 序列化和反序列化操作。本文将详细介绍该 npm 包的使用方法,包...

    4 年前
  • npm 包 mst-navigation 使用教程

    在前端开发中,我们经常会遇到需要处理导航逻辑的情况。而对于这个问题,有一个非常好用的工具:mst-navigation。 mst-navigation 是一款基于 MobX State Tree 的导...

    4 年前
  • NPM包 @wf-dynamic-forms/ui-primeng使用教程

    介绍 @wf-dynamic-forms/ui-primeng 是一个基于 Angular 和 PrimeNG 的可动态渲染表单控件包,它包含了大量的表单控件,例如输入框、下拉框、日期选择器等,可以非...

    4 年前
  • npm 包 docusaurus-customised 使用教程

    前言 随着现代 web 开发的快速发展,前端技术的重要性也越来越受到重视。作为 web 开发中的一员,如何更好地组织自己的项目,提高工作效率,成为了每个前端工程师都需要关注的问题之一。

    4 年前
  • npm 包 orgpage 使用教程

    在前端开发中,我们常常需要构建一些静态网站,例如个人博客、简历等。为了方便网站的管理和部署,我们需要使用一些工具来完成网站的构建和生成。其中,npm 包 orgpage 是一个非常强大的构建工具,它可...

    4 年前
  • npm 包 organisation 使用教程

    什么是 npm 包 organisation? npm 包 organisation 是一种组织 npm 包的方式。通常情况下,当我们开发一个 npm 包时,都会把它放在自己的 npm registr...

    4 年前
  • npm 包 vue-ios-timer 使用教程

    前言 在前端开发中,我们经常需要使用计时器来完成一些特定的操作,比如倒计时、时钟等。对于这些场景,Vue 框架提供了 vue-ios-timer 这个 npm 包,可以帮助我们方便地实现计时器的功能。

    4 年前
  • npm包 ngpa-repository 使用教程

    ngpa-repository是一个Angular平台上使用的npm包,它提供了一个非常简单但强大的方式来处理Angular应用程序中的数据。ngpa-repository从根本上简化了开发过程,并使...

    4 年前
  • npm 包 @zykj/slate-html-serializer 使用教程

    简介 @zykj/slate-html-serializer 是一个将 Slate 富文本编辑器的 JSON 对象序列化为 HTML 字符串的 npm 包。本篇文章将详细介绍该包的使用方法,并提供示例...

    4 年前
  • npm 包 sfsky-cli 使用教程

    什么是 sfsky-cli sfsky-cli 是一个基于 Node.js 的命令行工具,用于快速创建 React 项目,并且内置了 webpack 配置、eslint 检测等常用功能,可以方便前端工...

    4 年前
  • npm 包 @zykj/slate-base64-serializer 使用教程

    本文介绍了npm包 @zykj/slate-base64-serializer 的使用方法,该包是一个基于 slate 的插件,用于将 slate 编辑器中的内容转换为 base64 统一资源定位符(...

    4 年前
  • npm 包 @toomee/maybe-store-redis 使用教程

    @toomee/maybe-store-redis 是一个基于 Redis 存储数据的 npm 包,可用于前端的数据管理。通过使用该包,我们可以将数据保存到本地,充分利用浏览器的缓存机制,提高前端数据...

    4 年前
  • npm 包 put-commit-server-core 使用教程

    在前端开发中,我们经常需要在不同的环境中部署我们的代码。为了使代码变更得到更好的管理,我们通常需要使用版本控制系统(如 git)来追踪我们的代码变更。在部署时,我们可以将代码推送到远程 git 仓库中...

    4 年前

相关推荐

    暂无文章