サブスク課金に銀行振込を追加してみた。その①/20220713_JPStripes

JP_Stripes Online Vol.5 ～デベロッパー/SI視点での決済・サブスク構築入門～
--
「サブスク課金に銀行振込を追加してみた。その①」

Fusic山路氏と共同で登壇。

Transcript

1. サブスク課金に銀行振込を追 加してみた。その① 2022.7.13 JP_Stripesオンライン connectome.design inc.　伊藤明裕 Fusic Co., Ltd.　山路友也
2. 自己紹介 ＆ 会社紹介
3. $ cat ./me.json { “name”: “伊藤明裕”, “資格”: { “IPA”: “情報処理安全確保支援士 No.7287”, “JDLA”: [“G検定2017”, “E資格2018”], “データサイエンティスト協会 ”: “DS検定” }, “job”: { “belong_to”: “connectome.design株式会社”, “main_role”: “Product Manager” }, “community”: { “AI”: “CDLEコアメンバー”, “SaaS”: “JP_Stripes 名古屋”, “Car”: “https://tocj.jp 運営” }, “開発 座右の銘”: “間違っているのはいつも自分 ” } $ cat ./COD.json { “name”: “コネクトームデザイン株式会社 ”, “URL”: “https://connectome.design”, “domain”: “AI導入・開発コンサルティング ”, “office”: “フルリモートワーク”, “product”: { “name”: “metabase”, “type”: “SaaS”, “URL”: “https://metabase.jp”, “service”: “AIナレッジ共有&コラボレーション開 発プラットフォーム” } } LinkedIn: https://www.linkedin.com/in/akit37 SlideShare: https://www.slideshare.net/AkihiroIto1/presentations
4. metabase®について
5. 最近、メタバースとよく間違われます。 MetabaseというBIツールもあります。
9. metabaseの開発に利用しているサービス
10. AWS Auth0 / CircleCI / Stripe Backlog Adobe XD Github kintone Slack Zoom
11. AWS Auth0 / CircleCI / Stripe Backlog Adobe XD Github kintone Slack Zoom Go_SaaS 三種の神器！
12. Auth0 / CircleCI / Stripe を なぜ利用することにしたのか？
13. 楽をしたいから。 この時点で今回の登壇は決まっていた …😆
14. • アカウント管理も当然ながら、課金処理の実装なんてやりたくない。 →　無駄な苦労はせず専門家に任せる。 →　テストする範囲は狭いほどよい。 →　結果、安上がり。 エンジニアにとって、“面倒くさがること”は大事。 Simple, Easy & Beautiful.
15. Stripeの銀行振込対応について 「銀行振込に対応します」と聞いてからリリースまでかなりの期間。 「なんでそんなに時間かかるの？」
16. Stripeの銀行振込対応について 「銀行振込に対応します」と聞いてからリリースまでかなりの期間。 「なんでそんなに時間かかるの？」 リリース間近になって知ったこと。 「振込確認の消し込み処理までStripeが行います。」 日本の銀行とそんな調整ができるとは！！
17. 福岡へ飛びます。 と驚きながら、リリースと同時に実装開始。 あっという間に組み込み完了。ひょっとして、最速 ？
18. ようこそ福岡へ。
19. 紹介します
20. 名前: 株式会社Fusic 事業: Webシステム/スマートフォンアプリ開発 AI・機械学習/IoTシステム開発 クラウドインフラ(AWS) プロダクト事業 コンサルティング オフィス: 福岡 “Why we do.”: 『人に多様な道を　世の中に爪跡を』
21. 名前: 山路 友也 仕事: Rubyを用いたWeb開発 スキル: Ruby(Rails)・React(Next.js)・AWS・Auth0… アイコン: 自作 決済: はじめて 登壇: はじめて
22. あなたにとって「決済」とは？
23. →よくわからんけど大変に違いない！ 🤯 あなたにとって「決済」とは？
24. 銀行振込による決済は？ →想像も及ばないが、 決済の中でも特に難易度が高いものに違いない！！！ 🤯🤯🤯
25. 何はともあれ触ってみるしかない
26. Stripe Dashboard上で銀行振込を構築してみる
27. Stripe Invoicing オンライン請求書を作成できるサービス
28. 流れ https://stripe.com/docs/payments/bank-transfers/accept-a-payment
29. Stripe Dashboard上から、 ぽちぽちで請求書を作成
30. 「支払いオプション」 というものがある👀
31. 支払いオプションを 「銀行振込」のみに設定
32. あれ？
33. お、終わった😮
34. これをAPIでやるぞ！
35. Stripe APIで請求書 + 銀行振込を構築してみる
36. Stripe Docs ・ここを見るだけで十分 ・言語ごとの参考実装もある ・https://stripe.com/docs/invoicing/integration
37. Stripe API Docs ・必要な情報が端的かつ簡潔にまとまっている ・言語ごとの参考実装もある ・https://stripe.com/docs/api
38. APIを用いた請求書作成の流れ 1. 「顧客」を作る（POST /v1/customers ） 1. 「インボイスアイテム」を作る（POST /v1/invoiceitems ） 1. 「インボイス」を作る（POST /v1/invoices ） 1. インボイスを「確定」させる（POST /v1/invoices/:id/finalize ） ※ 2、3の手順に注意
39. 銀行振込を指定するパラメーター payment_settings.payment_method_types ・card(カード払い) ・konbini(コンビニ払い) ・customer_balance(銀行振込) ・etc… Dashboard上で請求書を作成する際の 「支払いオプション」に対応 POST /v1/invoices
40. Ruby SDKで書くならこんな感じ 実質３行！！！
41. とっても簡単ですね😆
42. テストどうするんだ🤔
43. 顧客詳細から現金残高の追加が可能 = 銀行振込をシミュレート
44. 支払い済みになりました🎉
45. まとめ ・決済未経験者でも調査から構築までものの１日〜２日程度🎉 ・ドキュメントを読むだけで十分🙌 ・「決済はこわくない！」と思えた🥳
46. ありがとうございました🌻