Asyncpay 检查 SDK

这个 SDK 允许您无缝连接到多个支付信道, 如 Flutterwave、 Paystack 和 Strepe 以及 创建一个只有一个集成的退出体验.

演示

这里可以看到我们离职经历的演示: https://asyncpay.io/demo (英语)

所需资源

1. 支付账户 前往 同步付费 创建账户并获取访问权限 仪表板.
2. 连接您的支付通道 - 仪表盘为您提供了连接您多个支付渠道与 你的事业。 在您想要整合的支付通道上创建账户,并在仪表板上提供您的密钥 .
3. 整合此 SDK - 连接支付渠道后, 您可以在 Asyncpay 公用中初始化支付 在您的仪表盘上找到密钥 .

整合此 SDK 的步骤

1. 安装 SDK 及其对等依赖 :

$ npm install @asyncpay/checkout-react-native react-native-webview

或

$ yarn add @asyncpay/checkout-react-native react-native-webview

说明: react-native-webview 是一个必要的同伴依赖。 如果使用 Expo , 则包含在 Expo SDK 中; 否则运行 npx pod-install 在 iOS 上安装后.

2. SDK 导出自定义按钮组件

import { CheckoutButton } from '@asyncpay/checkout-react-native';

<CheckoutButton
  publicKey="${YOUR_ASYNC_PAY_PUBLIC_KEY}"
  amount={10000}
  currency={'NGN'}
  customer={{
    email: '[email protected]',
    first_name: 'John',
    last_name: 'Doe',
  }}
/>;

3. SDK 导出自定义钩

import { useCheckout } from '@asyncpay/checkout-react-native';
import { StyleSheet, Text, TouchableOpacity } from 'react-native';

const Checkout = () => {
  const { _handleCheckout, Modal } = useCheckout({
    amount: 10000,
    currency: 'NGN',
    customer: {
      email: '[email protected]',
    },
    publicKey: '${YOUR_ASYNC_PAY_PUBLIC_KEY}',
  });

  return (
    <>
      <TouchableOpacity
        style={styles.buttonContainer}
        onPress={_handleCheckout}
      >
        <Text style={styles.text}>Press me</Text>
      </TouchableOpacity>
      <Modal />
    </>
  );
};

const styles = StyleSheet.create({
  buttonContainer: {
    width: '90%',
    height: heightPercentageToDP(5),
    backgroundColor: '#1059bc',
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: 10,
    marginVertical: heightPercentageToDP(5),
  },
  text: {
    color: '#fff',
    fontSize: 16,
    fontWeight: 'bold',
  },
});

可用的退出选项

以下列出用于 AsyncpayCheckout 按钮和钩子.

publicKey, (中文(简体) ), amount, (中文(简体) ), description, (中文(简体) ), customer_email, (中文(简体) ), customer_uuid, (中文(简体) ), subscription_plan_uuid, (中文(简体) ), customer, (中文(简体) ), paymentChannel, (中文(简体) ), onError, (中文(简体) ), onSuccess, (中文(简体) ), logo, (中文(简体) ), buttonStyle, (中文(简体) ), buttonTextStyle, (中文(简体) ), buttonTitle

可用的客户对象选项

下表列出了可附加于 customer 对象,如果您选择使用它来初始化 SDK 的付款请求.

支助

随便你给 [email protected] 用于支持使用此 SDK 或创建问题 打开 吉图布