web-dev-qa-db-ja.com

REACTNATIVEと最新のライブラリのPayPal支払い統合Android + ios

最新のreact-native Paypalライブラリを備えたスワイプソリューションを提供できる団体はありますか?

私は1週間過ごしましたが、適切な解決策が得られませんでした。

ネット上には古くて不完全なソリューションがたくさんありますが、新しい開発者にとって適切で完全なソリューションではありません。

リソース:

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

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

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

8

残念ながら、私が知る限り、コミュニティによって最新で維持されているリポジトリは1つもありません。そのため、選択肢は限られています。

Paypal APIを利用する

Paypalには、SDK自体を気にせずに利用できる、さまざまなユースケース向けのさまざまなAPIがあります。それらはあなたにそれらの機能の多くを与えます、それがSDK自体としてスムーズではないかもしれないことを確かにします、しかしそれはあなたの問題をうまく解決することができます。

モバイルとウェブの両方で開発している場合は、両方にAPIを使用できます。それらは特定のプラットフォームに依存しないためです。

ソリューション

これに対する私の解決策は非常に簡単です。ネイティブ機能をいじりたくなく、なぜそれが必要なのか正確にわからない場合は、PaypalSDKを使用しないでください。 Paypalには、サーバー側または クライアント側 でネイティブコードに触れることなく使用できるさまざまなAPIのセットがあります。ここでは、ExpressCheckoutAPIを使用してサーバー側で処理する簡単なシナリオを示します。

以下のすべての手順では、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でロードします。このステップでは、ReactNativeでWebViewコンポーネントを使用してロードします。内部のPaypalURL。後で支払いが行われたかどうかを確認するために、スロットル機能を使用するか、WebSocketなどの他の代替手段を使用できます。ここでの目標は、トランザクションが完了したかキャンセルされたかを知ることです。

支払いが完了したとき。 WebViewを削除し、ユーザーの支払いが完了した後に、ありがとうページやその他の必要なことをユーザーにリダイレクトします。

これを行うにはもっとエレガントな方法があるかもしれませんが、単純なシナリオ(またはそれ以上!)の場合はこれで十分だと思います。

18
Danial Kalbasi

Danialが上記で提案したように、アプリをサードパーティのReact Nativeライブラリに依存させたくない場合は、PaypalをWebViewラッパーと統合してみてください。これが私がそれをした方法です あなたのreactnativeアプリにPaypalを統合する

4
Singh

スクリーンショットを添付 link = https://www.npmjs.com/package/react-native-Paypal-lib このライブラリを使用してReact =ネイティブアプリケーション実装は非常に簡単です。実装については、次の手順に従ってください。

0
Arun Surawat