CAMPHOR-DAY 2021 - Stripe 概観

CAMPHOR-DAY2021のスライドです

Transcript

1. Stripe 概観 @asamas
2. ⾃⼰紹介 Twitter︓@asamas95 Github︓@asamas 京都府⽴医科⼤学
3. Stripe • オンライン決済システム • カード決済など複数の複数の 決済⼿段を代⾏ • カード情報を⾮保持・⾮通過 で処理可能
4. Stripeのサービス ・ Payment ︓ 普通の決済 ・ Billing ︓ 請求書を発⾏する決済 ・ (Connect ︓ プラットフォームの作成) Stripeには主に3つのサービスがある
5. Stripe Payment • Stripe Checkout︓stripeの⽤意しているページに遷移して決済 • Charges API︓開発終了 • Payment Intents API︓現在推奨されているapi Charges Payment Intents 開発状況 開発終了 開発中 セキュリティ SCA⾮対応 SCA対応 対応している ⽀払い⼿段 Source API/Card Payment Method API
6. Payment Intents API • Payment Intent Objectを 中⼼にAPIが⽣えている • Create • Update • Confirm • Cancel paymentIntentObject例
7. Stripe Element/StripeJS • カード情報をサーバーを介さずに直接やりとりするためのフロ ント向けライブラリ • StripeJS︓カード情報をstripeに送信する • Element︓カード情報⼊⼒フォーム • React対応 Stripe Element 例
8. Stripe Payment – paymentのステップ1 DMJFOU TFSWFS TUSJQF Client_secretを要求
9. Stripe Payment – paymentのステップ2 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの 作成
10. Stripe Payment – paymentのステップ3 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの 作成 Payment_intent Object
11. Stripe Payment – paymentのステップ4 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの 作成 Payment_intent Object Client_Secret
12. Stripe Payment – paymentのステップ5 DMJFOU TUSJQF Client_Secret,カード情報
13. Stripe Billing • 使⽤可能な決済パターン • 1回限りの⽀払い • サブスクリプション • 従量課⾦制 etc… • 請求書(Invoice)ページはstripeが作ってくれる
14. Stripe Billing – Stripe Dashboard
15. Stripe Billing - Invoice API • Invoice Objectを 中⼼にAPIが⽣えている • Create • Retrieve • Update • Delete • Finalize etc.
16. Stripe Billing – Invoiceのwork flow https://stripe.com/docs/billing/invoices/overview
17. Stripe Billing - Invoiceページ
18. Stripe Billing – ⽀払い後
19. Stripe Webhook
20. Stripe Webhook
21. Stripe Webhook
22. Stripe - Event • Stripeでなにか処理が⾏われる度に Eventがwebhookに⾶ばされる • すべてのeventを処理するのは⼤変 なので、stripe dashboardで必要な eventだけ取得する Event ⼀例 • invoice.created • invoice.deleted • invoice.finalization_failed • invoice.finalized • invoice.paid • invoice.payment_action_required • invoice.payment_failed • invoice.payment_succeeded • invoice.sent • invoice.upcoming • invoice.updated • invoice.voided
23. まとめ • Stripe の主なサービスの紹介 • Payment • Billing • (Connect) • Stripeの処理はwebhookでとってくる • 資料 https://stripe.com/docs https://stripe.com/docs/api https://stripe.com/docs/js