私は反応ネイティブのストライプを使用する良いアプローチを見つけようとしています。私自身のバックエンドにクレジットカードの詳細を送ったり、私のストライプ秘密鍵をアプリケーションに保存したりすることは望ましくありません。任意のアイデアを歓迎!ありがとうストライプ(stripe.js)の使用方法と反応ネイティブ
答えて
私はまだこれを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コンプライアンスの心配なしに保存できます。
こんにちは。 React NativeでStripeを実装する方法を理解しようとしているとき、私はこれを見つけました。あなたがこの質問を見ることができれば、私は大いに感謝するでしょう:http://stackoverflow.com/questions/40092731/how-to-implement-stripe-with-react-native事前にありがとう! –
ここからチャットする時間があれば、本当に感謝しています。現在、StripeをReact Nativeに統合する過程で、いくつかのことをクリアしたいと考えています。前もって感謝します。 –
私は、既存のライブラリでこれをやって問題に走ったので、私はより良いものを書きました。 react-native-stripeを使用すると、クレジットカード情報を収集し、ストライプを使用して検証し、ネイティブコードを使用してストライプトークンに交換することができます。現在のところiOSのみ。
私はお勧め:https://github.com/tipsi/tipsi-stripe
私は成功し、顧客を作成し、カードを追加し、私のバックエンドにトークンを保存するために、ネイティブとストライプを反応させるのに接続することができました。
カードを顧客にどのように追加しましたか? RN側から、またはバックエンドにトークンを渡すことによって? –
@SuhairZain - トークンをバックエンドに渡します。 –
- 1. 反応ストライプ要素がStripe.jsを検出しない
- 2. ネイティブとストライプのインテグレーションに反応する401エラー
- 3. leaflet.jsと反応ネイティブの使い方
- 4. ネストルーティングと反応ネイティブの使い方
- 5. @providesModuleをJestと反応ネイティブで使用する方法
- 6. 反応 - ネイティブ反応 - ネイティブベクトルアイコン:フォント素晴らしいアイコンを使用する方法
- 7. 反応ネイティブのXMLレスポンスの使い方
- 8. 反応ネイティブでのCSSフィルタの使用
- 9. 反応ネイティブでのナビゲータの使用
- 10. 反応ネイティブ流星ライブラリーを使用して流星と反応するネイティブアプリとの接続方法
- 11. 反応ネイティブでwhyrun Mobx機能を使用する方法?
- 12. 反応ネイティブでAnimated.diffClampを使用する方法
- 13. firebase TestLabを反応ネイティブで使用する方法
- 14. 反応ネイティブでアニメーションを使用する方法
- 15. 方法で反応し、ネイティブReduxの
- 16. 壊れた自動バインディング反応し、ネイティブとを使用して反応させ、リレーので、私はネイティブ反応し、反応するリレーを使用してい
- 17. 反応ネイティブを使用したバーコードスキャン
- 18. 反応ネイティブを使用したカスタムタブ
- 19. 反応ネイティブとユーザーロケールのDatePickerIOS
- 20. Promise.all()とsetState()の反応ネイティブ
- 21. 特急用ポート3000、反応ネイティブ用のポート8081、入手方法
- 22. 還元剤と反応したネイティブを使用してモーダルを開く方法
- 23. 反応ネイティブ(0.49)
- 24. が反応ネイティブ
- 25. スプラッシュスクリーン反応ネイティブ
- 26. 反応し、ネイティブ
- 27. 反応し、ネイティブ
- 28. 反応:ネイティブ:フレックスボックスアラインメント
- 29. ネイティブ反応 - ネイティブ - 幅と高さ
- 30. 反応したネイティブ用のrnpmパッケージのインストール方法
あなたはそれを使ってユーザーのクレジットカードを追加しようとしているのですか、それともそれ以上のことをやろうとしていますか? – rmevans9
今のところ、ユーザーのためにクレジットカードを追加するだけです。それ以外は私自身のバックエンドを打ち負かすことができ、ストライプの推奨パターンです。 – Irfy
実際のトランザクションを作成するにはプライベートAPIキーが必要なので、これは私のアプリで設定した方法です。 – rmevans9