npm 包 react-native-plaid-authenticator 使用教程

阅读时长 5 分钟读完

前言

在使用 React Native 进行移动应用开发时,很多情况下需要使用第三方库扩展应用功能。其中, Plaid 是一款提供银行卡数据接入服务的第三方平台,而 react-native-plaid-authenticator 则是一款用于在 React Native 中集成 Plaid 的插件。本文将详细介绍该插件的使用方法,并提供相关示例代码。

安装

使用 react-native-plaid-authenticator 前,需要先进行安装。可以使用 npm 进行安装,命令如下:

集成

安装完成后,需要在应用中进行集成。首先,需要在 iOS 系统中使用 Cocoapods 导入 PlaidSDK。在项目的 Podfile 文件中添加如下代码:

保存后,在终端中运行以下命令进行更新:

接下来,需要在 React Native 应用中进行配置。在应用的 App.js 文件中添加如下代码:

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

---

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

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

其中,<PUBLIC_KEY> 需要替换为自己在 Plaid 平台上注册应用时获得的 Public Key;<APP_NAME> 为应用名称。

至此,集成就已经完成了。在应用启动时,会弹出 Plaid 登录页面,用户输入相关信息完成登录后,会触发 onSuccess 回调函数,回调参数包含 public_tokenmetadata 信息。如果用户取消登录,则会触发 onExit 回调函数;如果出现错误,则会触发 onError 回调函数。

示例

以下是一个完整的示例代码:

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

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

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

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

总结

本文介绍了如何使用 react-native-plaid-authenticator 在 React Native 应用中集成 Plaid,包括安装和配置等步骤。通过本文的介绍,读者可以更加方便地将 Plaid 的功能应用到自己的应用中,提高应用的实用性。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ec081e8991b448dc813

纠错
反馈