【问题标题】:PayPal payment integration for REACT NATIVE with latest lib android + iosREACT NATIVE 的 PayPal 支付集成与最新的 lib android + ios
【发布时间】:2017-11-22 09:49:37
【问题描述】:

任何机构都可以使用最新的react-native PayPal 库提供刷卡解决方案吗?

我已经花了一周的时间,但没有找到合适的解决方案。

网上有很多旧的和不完整的解决方案,但没有一个合适的和 为新开发者提供完整的解决方案。

资源:

https://www.npmjs.com/package/react-native-paypal

https://github.com/MattFoley/react-native-paypal

https://github.com/sharafat/sample-code-php

【问题讨论】:

  • 经过长时间的研究,我发现目前PayPal不支持SDK,提供的解决方案是使用旧版本的RN。这里需要专家的 cmets 来节省开发人员的时间。谢谢
  • 得到任何解决方案?

标签: android ios paypal react-native


【解决方案1】:

不幸的是,据我所知,没有一个单一的存储库是最新的并由社区维护。这就是为什么你的选择是有限的。

利用 PayPal API

PayPal 为不同的用例提供了各种 API,您可以使用这些 API,而不必担心 SDK 本身。它们为您提供了很多这些功能,当然它可能不像 SDK 本身那样流畅,但它可以很好地解决您的问题。

如果您同时针对移动设备和网络进行开发,则可以将您的 API 用于两者。因为它们不依赖于特定的平台。

解决方案

我的解决方案非常简单。如果您不想弄乱本机功能并且不确定为什么需要它,请不要使用 PayPal SDK。 PayPal 有一组不同的 API,您可以在服务器端或 client side 上使用,而无需触及本机代码。这里我给你一个简单的场景,使用 ExpressCheckout API 并在服务器端处理。

对于以下所有步骤,您可以使用 PHP、Node 或任何其他服务器端语言。我只是简单的告诉你步骤,剩下的就靠你了!

1.为您的交易创建访问令牌。点击以下链接了解详情。

https://developer.paypal.com/docs/integration/direct/make-your-first-call

2。创建付款交易。您需要传递您的付款详细信息,例如货币和总金额。在这一步中,您也可以传递您的 'return_url' 和 cancel_url。请务必将您的订单 ID 或订单代码附加到这两个订单上,这样您就可以在其中一个订单触发时跟踪订单并相应地更改您的订单状态。

https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/advanced-payments-api/create-express-checkout-payments/

3.将支付 URL 发送到 React Native 并通过 WebView 加载。 在这一步中,您可以使用 React Native 中的 WebView 组件并在其中加载 PayPal URL。稍后为了检查支付是否完成,您可以使用节流功能或使用其他替代方法,例如 WebSocket。这里的目标是知道交易是完成还是取消。

付款完成后。摆脱 WebView 并将用户重定向到感谢页面以及用户付款完成后您需要做的任何其他事情。

可能有更优雅的方法可以做到这一点,但我相信对于简单的场景(甚至更多!)这已经足够了。

【讨论】:

  • 你能分享一个做这种事情的示例应用程序吗?我们也可以只有客户端 impl 和服务器端使用 paypalobjects.com/api/checkout.js 用于 react-native 吗?
  • 您能告诉我如何使用 websocket 在 webview 中跟踪付款状态吗? @DanialKalbasi
  • @DanialKalbasi 3DS 付款怎么样?如何实现3DS?提供给 WebView 的 URL 是否会将用户重定向到 Bank 3DS 页面以完成付款?
【解决方案2】:

正如 Danial 上面所建议的,如果您不希望您的应用依赖于第三方 react 原生库,请尝试将 paypal 与 WebView 包装器集成。 这是我的做法Integrating Paypal in your react native app

【讨论】:

    【解决方案3】:

    Screenshot attached 链接= https://www.npmjs.com/package/react-native-paypal-lib 将此库用于 React Native 应用程序实现起来非常简单。按照这些步骤进行实现。

    【讨论】:

      猜你喜欢
      • 2021-05-25
      • 2014-11-26
      • 2020-02-27
      • 2015-06-25
      • 2020-01-26
      • 2020-10-30
      • 1970-01-01
      • 2014-04-10
      • 2011-11-11
      相关资源
      最近更新 更多