2015-12-25 13 views
9

私は反応ネイティブのストライプを使用する良いアプローチを見つけようとしています。私自身のバックエンドにクレジットカードの詳細を送ったり、私のストライプ秘密鍵をアプリケーションに保存したりすることは望ましくありません。任意のアイデアを歓迎!ありがとうストライプ(stripe.js)の使用方法と反応ネイティブ

+0

あなたはそれを使ってユーザーのクレジットカードを追加しようとしているのですか、それともそれ以上のことをやろうとしていますか? – rmevans9

+0

今のところ、ユーザーのためにクレジットカードを追加するだけです。それ以外は私自身のバックエンドを打ち負かすことができ、ストライプの推奨パターンです。 – Irfy

+1

実際のトランザクションを作成するにはプライベートAPIキーが必要なので、これは私のアプリで設定した方法です。 – rmevans9

答えて

10

私はまだこれをReact Nativeに個人的に実装していません。私が取り組んでいるアプリでは、これは数日後に移植されますが、ここでは第三者図書館に依存することなく、また現地のネイティブでもどのように実装するのか、現在のアプリでやっています。これは、明らかに、HTTP呼び出しを行うことができるどこでも使用できるコンセプトです。

https://api.stripe.com/v1/tokensへのPOST呼び出しを、値がBearer {PUBLISHABLE_AUTH_TOKEN}の「Authorization」ヘッダーで行います。ボディ(x-www-form-urlencoded)プット:

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

+0

こんにちは。 React NativeでStripeを実装する方法を理解しようとしているとき、私はこれを見つけました。あなたがこの質問を見ることができれば、私は大いに感謝するでしょう:http://stackoverflow.com/questions/40092731/how-to-implement-stripe-with-react-native事前にありがとう! –

+0

ここからチャットする時間があれば、本当に感謝しています。現在、StripeをReact Nativeに統合する過程で、いくつかのことをクリアしたいと考えています。前もって感謝します。 –

1

私は、既存のライブラリでこれをやって問題に走ったので、私はより良いものを書きました。 react-native-stripeを使用すると、クレジットカード情報を収集し、ストライプを使用して検証し、ネイティブコードを使用してストライプトークンに交換することができます。現在のところiOSのみ。

5

私はお勧め:https://github.com/tipsi/tipsi-stripe

私は成功し、顧客を作成し、カードを追加し、私のバックエンドにトークンを保存するために、ネイティブとストライプを反応させるのに接続することができました。

+0

カードを顧客にどのように追加しましたか? RN側から、またはバックエンドにトークンを渡すことによって? –

+0

@SuhairZain - トークンをバックエンドに渡します。 –

関連する問題