介绍
rn-ipay88-sdk 是一个 React Native 平台下，用于快速接入 iPay88 支付的库。iPay88 支付是一种在线支付方式，支持 Visa、MasterCard、银联和 MEPS 等多种支付方式。本教程将会带你使用 rn-ipay88-sdk 快速地接入 iPay88 支付，让你的移动应用可以支持在线支付。本教程将提供详细的步骤和示例代码。
安装
1.首先，你需要使用 npm 安装 rn-ipay88-sdk：
npm install rn-ipay88-sdk --save
2.接下来，你需要安装 peer dependencies 以确保 rn-ipay88-sdk 可以正常工作。这些依赖包括 react-native 和 react-native-webview：
npm install react-native --save npm install react-native-webview --save
3.在你的项目中引入 iPay88Sdk：
import iPay88Sdk from 'rn-ipay88-sdk';
环境配置
1.你需要先拥有 iPay88 商家账号，并从 iPay88 获取对应的 MerchantCode 和 MerchantKey。
2.将 MerchantCode 和 MerchantKey 分别放入以下文件的 iPay88Info 字段中：
import { iPay88SdkConfig } from 'rn-ipay88-sdk'
iPay88SdkConfig.iPay88Info.MerchantCode = 'Your MerchantCode'
iPay88SdkConfig.iPay88Info.MerchantKey = 'Your MerchantKey'3.接下来你需要将你的应用配置成 webview 和允许 HTTP 请求:
-- -------------------- ---- -------
------ --------- ---- -----------------------
--------
--------- ---- --------------------------- --
---------------------------
------------------------
------------------------
--------------------------
-------------------------------
--4.最后，执行如下代码启动支付流程：
iPay88Sdk.payment(params, onCallback);
参数
params
- MerchantCode: string, 商家账号
- RefNo: string, 商家参考号
- Amount: string, 支付金额
- Currency: string, 货币代码
- ProdDesc: string, 商品描述
- UserName: string, 用户名
- UserEmail: string, 用户邮箱
- UserContact: string, 用户联系方式
- Remark: string, 备注
- Lang: string, 语言代码，"ISO-8859-1" 或 "UTF-8"
- Country: string，国家代码
- BackendURL: string, 后端回调地址，iPay88 会把交易结果以 POST 请求的方式发送到该地址
onCallback
- onSuccess: Function, 支付成功回调
- onFailed: Function, 支付失败回调
- onError: Function, 支付错误回调
示例代码
具体代码实现，请参考以下示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ --------- ---- ----------------
------ --------- ---- -----------------------
----- ------------- - -- -- -
----- ------ - -
------------- ----- -------------- -- -------- ------ --
------ ------------ -- --------------
------- -------- -- ------------
--------- ------ -- --------- ------------------- - ---
--------- ----- --------- -- ----
--------- ----- ----- -- ---
---------- ---------------------- -- ----
------------ --------------- -- ------
------- --- -- --
----- -------- -- --------- ------------ - -------
-------- --- -- ----
----------- ----------------------------------------------- -- ------------- ------- ---- -----------
--
----- ---------- - -
---------- ----- -- -
-----------------
-- --------
--
--------- ----- -- -
-----------------
-- --------
--
-------- ----- -- -
-----------------
-- --------
-
--
------ -
--------
--------- ---- --------------------------- --
---------------------------
------------------------
------------------------
--------------------------
-------------------------------
----------------------------------- -- -
------------------------- ------------
--
--
-
-
------ ------- --------------结语
恭喜您，您已经成功接入了 iPay88 支付，可以在您的应用中使用在线支付功能了。本教程详细介绍了 rn-ipay88-sdk 的安装和使用步骤，同时提供了示例代码，以供开发者参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e6d9381d61a3540b22