Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 9232

Stripe | ReactとNodeでコネクト支払いさせる方法

$
0
0

やりたいこと

タイムチケットみたいなスキルシェアサービスで、一般ユーザーが、出品者の商品をクレカで購入して、出品者へお金を振り込むフリーを作りたい

考え方

流れは覚えてしまえば簡単

1 Reactでクレカ情報などを入力させる
2 入力情報を元にペイメントメソッドを作る (Stripeのyarnかnpmで出来る)
3 ペイメントメソッドをNodeへPOSTする
4 ペイメントメソッドと、その他の情報(金額とか、コネクトユーザーとか)をAPI叩き込む

以上です。

フロント側の具体的に実践

詳しくは書きません。外部リンクへ行ってください

まず、下記のような画面をReactで作ります。

ここここ読めばコピペで作れる
スクリーンショット 2020-04-17 11.47.30.png

で、フォームを全部入力して Pay $25をボタンを押すと、ペイメントメソッド(文字列のセキュアな暗号IDみたいなの)ができます

これをPOSTでNodeへ送ります。

バック側の具体的に実践

で、バックエンドのNodeで、ペイメントメソッド(文字列のセキュアな暗号IDみたいなの)を受け取ります。

そのペイメントメソッドを利用して、下記のようなAPIをNodeから叩き込みます

丸く囲った部分が、フロント側の決済情報から作ったペイメントメソッドを入れます

スクリーンショット 2020-04-17 11.50.09.png

そうすると、その決済情報に紐づいたコネクトの決済が行われ、コネクトユーザーへしっかり支払いが完了するはず

これはここからコピペできる

備考

動かしてない


Viewing all articles
Browse latest Browse all 9232