react-native-payments-cli 是一款用于 React Native 应用实现支付功能的 npm 包。该包支持 iOS 和 Android 平台，并提供了丰富的 API 接口让开发者可以快速集成支付功能到自己的应用中。
本篇文章将介绍 react-native-payments-cli 的基本使用，包括如何安装、初始化以及实现各种支付方式。同时，我们也会针对该包的使用问题进行详解和解决方案。
安装
使用 npm 包管理器安装 react-native-payments-cli：
--- ------- ------------------------- ------
或者使用 yarn 安装：
---- --- -------------------------
初始化
在开始使用 react-native-payments-cli 之前，需要先在项目的入口文件中进行初始化。以下是一个简单示例：
------ ------- ---- ---------------------------
-------------------
------------------- --------------------
-------- -----
------------- ------
------------------ -------- --------------
-------------------- --
------ --------
------- -------
--
--在上述代码中，我们通过 Payment.configure 方法进行初始化配置。其中 merchantIdentifier 是 iOS 平台支付所需的商户标识符（必须要有）；country 是国家代码（默认值为 US）；currencyCode 是货币代码（默认值为 USD）；supportedNetworks 是一个数组，包含应用支持的支付网路列表；paymentSummaryItems 是一个数组，包含订单支付详情。
实现支付方式
获取授权
在实现具体的支付方式之前，我们需要先获取授权。
----- ---------- - --
----------------- --------------
----- -
------------------- --------------------
------------------ -------- ------------- -------
------------ -----
------------- ------
-------------------- --
------ --------
------- -------
--
-
--
------------------------------------- ---------- --
----------------- -- -------------------------
------------ -- ---------------------在上述代码中，我们通过 Payment.requestPaymentAuthorization 方法获取 Apple Pay 鉴权。其中 methodData 是一个数组，包含了应用支持的支付方式和相应的支付详情。
在成功获取授权之后，返回的是一个包含支付信息的 Promise 对象。
实现具体支付方式
我们可以根据授权成功之后返回的支付信息实现具体的支付方式，以下是几种常见的实现方式：
使用 Stripe 支付
----- ---------- - --
----------------- ------------- ----------------------
----- -
------------------- --------------------
------------ -----
------------- ------
-------------------- --
------ --------
------- -------
--
-
--
------------------------------------- ---------- --
----------------- -- -
-- -- ------ --
----- ------ - -----------------------
------ ------------------------------
------- -----
--------- ------
--------------------- ---------
-------------------- -
----- -
------- ------------------
-------------- ------
------ ------------
-
--
-------- ----
--
--
-------------------- -- ----------------------------
------------ -- ---------------------在上述代码中，我们使用 paymentIntents.create 方法创建支付请求，并在支付成功后返回支付结果。
使用 PayPal 支付
----- ---------- - --
----------------- ------------- --------------------------
----- -
------------------- --------------------
------------ -----
------------- ------
-------------------- --
------ --------
------- -------
--
-
--
------------------------------------- ---------- --
----------------- -- -
-- -- ------ --
----- ------ - --------------------------
------------------
----- ----------
---------- -----
-------------- ----
--
------ --- ----------------- ------- -- -
-----------------------
------- -------
------ -
--------------- --------
--
------------ --
------- -
------ --------
--------- -----
-
---
-------------- -
----------- ------------------------------
----------- -----------------------------
-
-- ------- -------- -- -
-- ------- -
-------------
- ---- -
----------------
-
--
--
--
-------------------- -- ----------------------------
------------ -- ---------------------在上述代码中，我们使用 paypal.payment.create 方法创建支付请求，并在支付成功后返回支付结果。
错误处理
当使用 react-native-payments-cli 在支付过程中遇到错误时，可以通过捕获 Promise 对象的异常信息进行错误处理。以下是一个示例：
------------------------------------- ---------- --
----------------- -- -
-- -----------
--
------------ -- -
-- ----------- --- ---------------- -
-------------------------
- ---- -- ----------- --- ---------- -
---------------------
- ---- -
----------------------------
-
--总结
通过本篇文章，我们了解了如何使用 react-native-payments-cli 实现支付功能。在实现具体的支付方式时，我们需要了解支付网关的 API 接口要求，并根据 API 接口文档进行相应的配置。
同时，在错误处理方面，我们也需要考虑到常见的错误类型以及如何正确捕获和处理异常信息。希望读者们能够在实践中不断探索和优化支付功能的实现，为用户提供更好的支付体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005726181e8991b448e88dd