CAMPHOR-DAY 2021 - Stripe 概観

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