介绍
mastercard-mc-on是一个基于JavaScript的npm包，可以帮助开发者快速接入Mastercard的MC/On平台，实现支付功能。本文将介绍如何使用该npm包并展示示例代码和详细操作过程。
安装
首先，你需要安装mastercard-mc-on这个npm包。你可以使用npm或yarn进行安装。在命令行中输入以下代码：
npm install mastercard-mc-on
或者
yarn add mastercard-mc-on
使用
安装完成之后，你需要在你的项目中引入该包。你可以使用import或require。在你的JavaScript文件中输入以下代码：
import { mcOn } from 'mastercard-mc-on';
// 或者
const { mcOn } = require('mastercard-mc-on');为了使用该npm包，你需要一些事前准备。首先，你需要在MC/On平台上创建应用并获得应用程序ID和机密。接下来，你需要提供凭据以获得API令牌。API令牌与应用程序ID和机密相关联，可以让你使用MC/On API。你还需要指定你的环境（SANDBOX或PRODUCTION）以及你的终端信息。所有这些信息都应该存储在你的应用程序配置中。
在下面的示例中，我们假定你已经完成了所有这些准备工作，并且已经存储了上述信息。在你的JavaScript文件中，你需要创建一个配置对象，然后将其传递给mcOn函数。
-- -------------------- ---- -------
----- ------ - -
------ --------------
---------- ------------------
------------ -
----------- -----------------
--
------------ -------------------------
------------------ -
--- ----------
---------- ----
----------- --------
------------- --------
--
--
------------
---------- -- -
------------------
-- ---------
--
------------ -- -
-------------------
-- ------
---在上面的示例代码中，我们将配置对象传递给mcOn函数，并使用Promise处理它的响应和错误。当成功调用mcOn函数时，它将返回一个响应对象，该对象包含有关你的MC/On会话的信息。你需要使用这些信息来调用MC/On API。
示例代码
下面是一个使用mastercard-mc-on包实现支付功能的完整示例。在这个示例中，我们将接受用户的信用卡信息，并使用MC/On API进行支付。代码分为三个部分：HTML、JavaScript和CSS。首先，我们创建一个HTML表单，请求用户输入他们的信用卡信息。
-- -------------------- ---- -------
--------- -----
------
------
----------------- ------- ------------
-------
---- -
------------ ------ -----------
-
---- -
-------- -----
--------------- -------
------------ -----------
---------------- -------
------ ------
------- -----
------- --- ----- -----
-------- -----
-
-------------------
-------------------- -
-------------- -----
-------- -----
------- -----
-------------- --- ----- -----
------ -----
----------- -----------
-
-------------------- -
----------------- -----
------ ------
-------- -----
------- -----
------- --------
-
------ -
------ ----
-------------- -----
-
--------
-------
------
----- ------------------
------ ---------------------- ---------------
------ ----------- ---------------- --
------ -------------------------------- -------------
------ ----------- -------------------- --
------ ----------------------
------ ----------- -------- --
------ ------------- -------------- --
---- ------------------ --------------------
-------
------- ------------------------
-------
-------接下来，我们编写JavaScript代码，使用mastercard-mc-on包实现付款功能。
-- -------------------- ---- -------
------ - ---- - ---- -------------------
----- ------ - -
------ --------------
---------- ------------------
------------ -
----------- -----------------
--
------------ -------------------------
------------------ -
--- ----------
---------- ----
----------- --------
------------- --------
--
--
----- ---- - ----------------------------------------
----- ------------ - -----------------------------------------
------------------------------- ----- ----- -- -
-----------------------
----- ---------- - ---------------------------------------------
----- -------------- - -------------------------------------------------
----- --- - -------------------------------------
-- -------
-- ------------ -- --------------- -- ----- -
---------------------- - ------- ---- -- --- -------- ---------
-------
-
-- -------
----- ----------- - -
-------------- -----------
---------------- --------------------------- ---
--------------- ----------------------------
------------- ----
--
--- -
-- ----------
----- ------- - ----- -------------
-- ----
----- -------- - ----- -----------------------
--------- ------
------- --------
-------------- -
----- -------
-------------- --------------------------
---------------- ----------------------------
--------------- ---------------------------
---- -------------------------
-------- -
---------- -------
--------- ------
------ ----------------------
--
--
---
-- ------
----------------------
-------------- --------------
- ----- ------- -
-- ------
-------------------
---------------------- - --------------
-
---最后，我们可以在CSS文件中添加样式，让我们的表单看起来更漂亮。
-- -------------------- ---- ------- ---- - ------------ ------ ----------- - ---- - -------- ----- --------------- ------- ------------ ----------- ---------------- ------- ------ ------ ------- ----- ------- --- ----- ----- -------- ----- - ------------------- -------------------- - -------------- ----- -------- ----- ------- ----- -------------- --- ----- ----- ------ ----- ----------- ----------- - -------------------- - ----------------- ----- ------ ------ -------- ----- ------- ----- ------- -------- - ------ - ------ ---- -------------- ----- -
以上就是一个完整的示例，它基于mastercard-mc-on npm包实现了支付功能，覆盖了从准备环境到实现的所有方面。开发者可以根据自己的需求使用该包进行MC/On支付的接入处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f0d9381d61a3540d8d