REACT NATIVE 的 PayPal 支付集成與最新的 lib android + ios

Question

任何機構都可以提供帶有最新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

Answer 1

不幸的是，據我所知，社區中沒有一個是最新的並由社區維護的存儲庫。 這就是您的選擇有限的原因。

使用 PayPal API

PayPal 為不同的用例提供了各種 API，您可以選擇這些 API，而無需擔心 SDK 本身。 它們為您提供了許多這些功能，當然它可能不像 SDK 本身那樣流暢，但它可以很好地解決您的問題。

如果您同時為移動設備和 Web 進行開發，則可以將您的 API 用於兩者。 因為它們不依賴於特定的平台。

解決方案

我對此的解決方案非常簡單。 如果您不想弄亂本機功能並且不確定為什么需要它，請不要使用 PayPal SDK。 PayPal 有一組不同的 API，您可以在服務器端或客戶端使用這些 API，而無需接觸本機代碼。 這里我給你一個簡單的場景，使用 ExpressCheckout APIs 並在服務器端處理。

對於以下所有步驟，您可以使用 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 並將用戶重定向到感謝頁面以及在用戶付款完成后您需要做的任何其他事情。

可能有更優雅的方法來做到這一點，但我相信對於簡單的場景（甚至更多！）這已經足夠了。

Answer 2

正如上面建議的那樣，如果您不希望您的應用程序依賴第三方反應本機庫，請嘗試將 paypal 與 WebView 包裝器集成。 這是我在你的本機應用程序中集成 Paypal 的方法

Answer 3

附截圖鏈接= https://www.npmjs.com/package/react-native-paypal-lib將此庫用於React Native Application 實現非常簡單，請按照以下步驟進行實現。