web-dev-qa-db-ja.com

Stripe(stripe.js)とreact-nativeの使い方

私はreact-nativeでストライプを使用するための良いアプローチを見つけようとしています。クレジットカードの詳細を自分のバックエンドに送信したり、ストライプの秘密鍵をアプリケーションに保存したりする必要のないものが望ましい。どんなアイデアでも大歓迎です!ありがとう

16
Irfy

私はこれをReact Native個人的にはまだ実装していません。私が取り組んでいるアプリでは、これは数日中に移植されますが、現在のアプリでこれを行う方法は次のとおりです。サードパーティライブラリへの依存と、React Nativeでも実装する方法。これは明らかに、HTTP呼び出しを行うことができる場所ならどこでも使用できる概念にすぎません。

Bearer {PUBLISHABLE_AUTH_TOKEN}の 'Authorization'ヘッダーを使用してPOST呼び出しを https://api.stripe.com/v1/tokens にします。本体(x-www-form-urlencoded) put:

card[name]={NAME_ON_CARD}&card[number]={CARD_NUMBER}&card[exp_month]={CARD_EXP_MONTH}&card[exp_year]={CARD_EXP_YEAR}&card[cvc]={CARD_CVC}

応答は、(とりわけ)idフィールドを含むJSONオブジェクトになります。このIDフィールドは、トランザクションを行うときにカードを参照するため、このIDをサーバーに送信して保存する必要があります。このIDは、PCIコンプライアンスを心配することなく保存できます。

詳細: https://stripe.com/docs/api#tokens

15
rmevans9

私がお勧めします: https://github.com/tipsi/tipsi-stripe

React NativeとStripeに正常に接続して、顧客を作成し、カードを追加して、トークンをバックエンドに保存することができました。

8
Beau Smith

既存のライブラリでこれを行う際に問題が発生したので、より良いライブラリを作成しました。 react-native-stripe クレジットカード情報を収集し、Stripeを使用して検証し、Stripeトークンと交換することができます。すべてネイティブコードを使用します。現在iOSのみ。

0
Lane Rettig