React Native Razorpay - Javascript

简介

React Native Razorpay是一个React Native插件，用于集成印度支付网关Razorpay。使用该插件，可以轻松实现Razorpay的支付功能。

特点

• 支持iOS和Android平台
• 可以提供多种支付方式，包括信用卡、借记卡、UPI等
• 提供钱袋和预授权功能

安装

使用npm安装：

npm install react-native-razorpay --save

或者使用yarn安装：

yarn add react-native-razorpay

使用方法

导入模块

import RazorpayCheckout from 'react-native-razorpay';

初始化

RazorpayCheckout.open(options)

参数

• options （Object）：包含以下属性：
  • key （String）：Razorpay的Key
  • amount （Number）：付款金额
  • name （String）：展示的商家名称
  • description （String）：展示的付款描述
  • image （String）：展示的商家logo地址
  • prefill （Object）：预填信息
    • email （String）：用户邮件地址
    • contact （String）：用户手机号
  • theme （Object）：主题选项
    • color （String）：主题颜色，格式为#RRGGBB（默认为#F37254）
  • mode （String）：环境（test或production）

示例

const options = {
  key: 'rzp_test_key',
  amount: 2000,
  name: '测试商家',
  description: '商品描述',
  image: 'https://www.foo.com/logo.png',
  prefill: {
    email: 'test@mail.com',
    contact: '1234567890',
  },
  theme: { color: '#F37254' },
  mode: 'test',
};
RazorpayCheckout.open(options)
  .then((data) => {
    // 支付成功回调
    console.log(data);
  })
  .catch((error) => {
    // 支付失败回调
    console.log(error);
  });

支持的支付方式

• 信用卡
• 借记卡
• UPI

钱袋和预授权API

使用createWallet, addMoneyToWallet, capturePayment 和 releasePayment方法，开发者可以创建钱袋、为钱袋添加余额，以及进行预授权支付等操作。

总结

React Native Razorpay是一个用于实现Razorpay支付网关的React Native插件，提供了可靠、易于使用的界面和API。如果你需要在React Native app中实现支付功能，React Native Razorpay将是一个不错的选择。