CAMPHOR-DAY 2021 - Stripe 概観

by asamas

Slide 1

Slide 1 text

Stripe 概観 @asamas

Slide 2

Slide 2 text

⾃⼰紹介 Twitter︓@asamas95 Github︓@asamas 京都府⽴医科⼤学

Slide 3

Slide 3 text

Stripe • オンライン決済システム • カード決済など複数の複数の決済⼿段を代⾏ • カード情報を⾮保持・⾮通過で処理可能

Slide 4

Slide 4 text

Stripeのサービス・ Payment ︓ 普通の決済・ Billing ︓ 請求書を発⾏する決済・ (Connect ︓ プラットフォームの作成) Stripeには主に3つのサービスがある

Slide 5

Slide 5 text

Stripe Payment • Stripe Checkout︓stripeの⽤意しているページに遷移して決済 • Charges API︓開発終了 • Payment Intents API︓現在推奨されているapi Charges Payment Intents 開発状況開発終了開発中セキュリティ SCA⾮対応 SCA対応対応している⽀払い⼿段 Source API/Card Payment Method API

Slide 6

Slide 6 text

Payment Intents API • Payment Intent Objectを中⼼にAPIが⽣えている • Create • Update • Confirm • Cancel paymentIntentObject例

Slide 7

Slide 7 text

Stripe Element/StripeJS • カード情報をサーバーを介さずに直接やりとりするためのフロント向けライブラリ • StripeJS︓カード情報をstripeに送信する • Element︓カード情報⼊⼒フォーム • React対応 Stripe Element 例

Slide 8

Slide 8 text

Stripe Payment – paymentのステップ1 DMJFOU TFSWFS TUSJQF Client_secretを要求

Slide 9

Slide 9 text

Stripe Payment – paymentのステップ2 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの作成

Slide 10

Slide 10 text

Stripe Payment – paymentのステップ3 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの作成 Payment_intent Object

Slide 11

Slide 11 text

Stripe Payment – paymentのステップ4 DMJFOU TFSWFS TUSJQF Client_secretを要求 Payment_intentの作成 Payment_intent Object Client_Secret

Slide 12

Slide 12 text

Stripe Payment – paymentのステップ5 DMJFOU TUSJQF Client_Secret,カード情報

Slide 13

Slide 13 text

Stripe Billing • 使⽤可能な決済パターン • 1回限りの⽀払い • サブスクリプション • 従量課⾦制 etc… • 請求書(Invoice)ページはstripeが作ってくれる

Slide 14

Slide 14 text

Stripe Billing – Stripe Dashboard

Slide 15

Slide 15 text

Stripe Billing - Invoice API • Invoice Objectを中⼼にAPIが⽣えている • Create • Retrieve • Update • Delete • Finalize etc.

Slide 16

Slide 16 text

Stripe Billing – Invoiceのwork flow https://stripe.com/docs/billing/invoices/overview

Slide 17

Slide 17 text

Stripe Billing - Invoiceページ

Slide 18

Slide 18 text

Stripe Billing – ⽀払い後

Slide 19

Slide 19 text

Stripe Webhook

Slide 20

Slide 20 text

Stripe Webhook

Slide 21

Slide 21 text

Stripe Webhook

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

まとめ • Stripe の主なサービスの紹介 • Payment • Billing • (Connect) • Stripeの処理はwebhookでとってくる • 資料 https://stripe.com/docs https://stripe.com/docs/api https://stripe.com/docs/js