react-native中callback_url成功响应后如何关闭razorpay webview？

【问题标题】：How to close the razorpay webview after callback_url success response in react-native?react-native中callback_url成功响应后如何关闭razorpay webview？
【发布时间】：2026-01-28 21:35:02
【问题描述】：

我在我的 react-native 应用程序中集成 react-native-razorpay 以进行付款。我可以完成付款，并通过在 RazorpayCheckOut 的付款选项中提供 callback_url 我什至可以调用我的后端服务器并更新付款操作，但是当服务器的 callback_url 为应用程序提供成功消息时，我没有办法可以阅读该消息并关闭在我的 react-native 应用程序中打开的 razorpay webview。

有什么方法可以关闭razorpay的ebview并在收到callback_url的成功消息后返回应用程序？

【问题讨论】：

嗨，你找到解决办法了吗？

标签： react-native razorpay

【解决方案1】：

基于此处列出的示例代码https://github.com/razorpay/react-native-razorpay

RazorPay 返回data.razorpay_payment_id 作为响应。您可以使用该 payment_id 从后端获取付款状态

我在后端 API 中使用了 ruby gem 来获取付款状态

Razorpay::Payment.fetch("payment_id")

https://razorpay.com/docs/server-integration/ruby/

<TouchableHighlight onPress={() => {
  var options = {
    description: 'Credits towards consultation',
    image: 'https://i.imgur.com/3g7nmJC.png',
    currency: 'INR',
    key: 'rzp_test_1DP5mmOlF5G5ag',
    amount: '5000',
    name: 'foo',
    prefill: {
      email: 'void@razorpay.com',
      contact: '9191919191',
      name: 'Razorpay Software'
    },
    theme: {color: '#F37254'}
  }
  RazorpayCheckout.open(options).then((data) => {
    // handle success
    alert(`Success: ${data.razorpay_payment_id}`);
  }).catch((error) => {
    // handle failure
    alert(`Error: ${error.code} | ${error.description}`);
  });
}}>

【讨论】：