React Native：如何将 return 的 Moneris 交易发送到应用程序？

Question

我正在 WebView 中的 React Native 应用程序中处理与 Moneris 的交易。我的 WebView 中的 URL 包含我的托管 PayPage 配置的凭据作为 URI 参数。在 Moneris 网站上创建该配置时，我需要为托管支付页面提供 URL，以便在交易完成后重定向到。当我输入类似 https://www.google.ca/ 的回调时，它工作正常，但我不知道我需要输入什么回调 URL 到我的应用 return。

我想知道的：

我需要使用什么回调 URL 才能 return 到 React Native 应用程序？

Answer 1

WebView 只是您应用程序中的一个组件，因此您永远不会离开您的应用程序。首先，确认页面是在 WebView 中呈现的，而不是将浏览器作为单独的应用程序启动并在那里打开页面（在这种情况下，您无法以编程方式返回到您的应用程序）。然后，如果您实际使用 WebView 组件，例如，您可以执行以下操作：将 NavigationState 侦听器添加到您的 WebView，并读取 WebView 导航到的 url 并采取相应的操作

class MyComponent extends React.Component{

  onNavigationStateChange = (navState) => {
    if (navState.url === 'https://www.yoursite.com') {
      // user just got redirected to requested site
      // do something in react-native app now, for example
      // close this component and show another one
    }
  }

  render(){
    return <View>
      <WebView
      ...
      onNavigationStateChange={this.onNavigationStateChange}
    />
    </View>
  }
}

React Native：如何将 return 的 Moneris 交易发送到应用程序？

React Native: How do you get a Moneris transaction to return to app?

reactjs

react-native

webview

payment-processing

react-native-webview