Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CAMPHOR-DAY 2021 - Stripe 概観

B0519a3360ed6206c4fbb8ed5438c93d?s=47 asamas
March 27, 2021

CAMPHOR-DAY 2021 - Stripe 概観

CAMPHOR-DAY2021のスライドです

B0519a3360ed6206c4fbb8ed5438c93d?s=128

asamas

March 27, 2021
Tweet

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