ノーコードでStripeのCustomer Portal を使う

JP_Stripes Online Vol.6 ～ローコード・ノーコードで課金・集金をカンタンに！
https://jpstripes.connpass.com/event/260443/

で発表したスライドです。

1. I 2022/9/28 #JP_Stripes ؠ࡚ ળޫʢ@neeton_iwasakiʣ ϊʔίʔυͰ Stripeͷ Customer Portal Λ࢖͏
2. TOWNגࣜձࣾ ϓϩμΫτϚωʔδϟʔ @neeton_iwasaki ؠ࡚ ળޫ ͍Θ͖͞ Αͯ͠Δ
3. https://aipo.com toB޲͚ εέδϡʔϧ؅ཧSaaS Aipo
4. • αϒεΫϏδωεͰStripeྺ 6೥ • ಋೖ࣌ʹ͕ͬͭΓ࣮૷ • ϏδωεͷมԽʹ߹Θͤͯ౎౓վम • Customer Portalྺ ൒೥ ຊ೔ͷཱ৔ Customer Portal ͍͍ͧ
5. • Customer Portal ొ৔લ • Customer Portal ͱ͸ • αϒεΫͰ Customer Portal Λ࢖͏ • Customer Portal ϊʔίʔυରԠલ • Customer Portal ϊʔίʔυରԠޙ ຊ೔͓࿩͢Δ͜ͱ
6. Customer Portal ొ৔લ
7. • ॆ࣮ͨ͠APIˍSDK • Θ͔Γ΍͍͢APIϦϑΝϨϯε • μογϡϘʔυ೔ຊޠԽະରԠʢ౰࣌ʣ • બ୒ࢶͱͯ͠ϑϧεΫϥονͷΈ Stripeಋೖ౰࣌ͷҹ৅ ΤϯδχΞϑϨϯυϦʔ
8. αʔϏεಠࣗͷ ੥ٻϧʔϧͳͲ ࡉ͔ͳ࡞ΓࠐΈ͕Մೳ ϑϧεΫϥονͷϝϦοτ
9. ྉۚମܥͷݟ௚࣌͠ͳͲ γεςϜվमʹ ΤϯδχΞͷ޻਺͕͔͔Δ ϑϧεΫϥονͷσϝϦοτᶃ
10. StripeͷਐԽ Ϋʔϙϯ ΫϨδοτϊʔτ ରԠʹ ΤϯδχΞͷ޻਺͕͔͔Δ ϑϧεΫϥονͷσϝϦοτᶄ
11. ೥
    Customer Portal ϦϦʔε
12. Customer Portal ͱ͸
13. • ΤϯυϢʔβʔ޲͚ʹ੥ٻ؅ཧػೳΛఏڙ • Ұ࣌తͳURLΛൃߦ Customer Portalͱ͸
14. Customer PortalͰͰ͖Δ͜ͱ • ఆظܾࡁͷϓϥϯมߋ • ࢧ෷͍ཤྺͷ֬ೝ • ࢧ෷͍ํ๏ͷมߋ • ੥ٻઌ৘ใͷมߋ • Ϋʔϙϯద༻
15. Customer Portalઃఆ߲໨ᶃ
16. Customer Portalઃఆ߲໨ᶄ
17. Customer Portalઃఆ߲໨ᶅ
18. Customer Portalઃఆ߲໨ᶆ
19. αϒεΫͰ Customer PortalΛ࢖͏
20. 1. ৽نܖ໿ਃ͠ࠐΈɺΫϨΧొ࿥ 2. ܖ໿ϓϥϯͷมߋ 3. ࢧ෷ཤྺͷ֬ೝ 4. ΫϨΧ৘ใͷมߋ 5. ੥ٻઌ৘ใͷมߋ αϒεΫͷܾࡁ·ΘΓͰඞཁͳػೳ
21. αϒεΫͷܾࡁ·ΘΓͰඞཁͳػೳͱͦͷ࣮૷ ػೳ ϑϧεΫϥον Customer Portal ৽نܖ໿ਃ͠ࠐΈ Checkout ඇରԠ ࢧ෷ཤྺͷ֬ೝ ཁ࣮૷ ରԠࡁ ΫϨΧ৘ใͷมߋ Checkout ରԠࡁ ܖ໿಺༰ͷมߋ ཁ࣮૷ ରԠࡁ ੥ٻઌ৘ใͷมߋ ཁ࣮૷ ରԠࡁ
22. ϊʔίʔυ ରԠલ
23. Customer PortalͷURLʹΞΫηε͢ΔྲྀΕ ϦϯΫΛΫϦοΫͯ͠Customer PortalʹϦμΠϨΫτ
24. Customer PortalͷURLʹΞΫηε͢ΔྲྀΕ ϦϯΫ Customer Portal URLੜ੒ Stripe API Customer Portal ༗ޮظݶͷ͋ΔURLΛදࣔ ϦϯΫΛΫϦοΫ URLੜ੒ʹAPI͕ඞཁ
25. ϊʔίʔυ ରԠޙ
26. Customer PortalϦϯΫͷੜ੒
27. ϦϯΫ͔ΒCustomer PortalʹΞΫηε͢ΔྲྀΕᶃ ϝʔϧΞυϨεͷೖྗ
28. ϦϯΫ͔ΒCustomer PortalʹΞΫηε͢ΔྲྀΕᶄ ֬ೝίʔυͷೖྗ ϝʔϧͰಧ͍ͨίʔυΛೖྗ
29. ϦϯΫ͔ΒCustomer PortalʹΞΫηε͢ΔྲྀΕᶅ Customer Portalදࣔ
30. • ϝʔϧΞυϨεͷߋ৽͸Ͱ͖ͳ͍ • ಉ͡ϝʔϧΞυϨε͕ෳ਺͋Δ৔߹ ◦ ΞΫςΟϒͳαϒεΫϦϓγϣϯ͕͋Δ ◦ ࠷ۙ࡞੒͞Εͨސ٬ Λදࣔ Customer Portal ϦϯΫڞ༗ͷ஫ҙ఺
31. Customer PortalͷURLʹΞΫηε͢ΔྲྀΕ ϦϯΫઌURLͷݻఆԽ
32. Customer PortalͷURLʹΞΫηε͢ΔྲྀΕ API͕ෆཁ ϦϯΫΛΫϦοΫ ϦϯΫ ༗ޮظݶͷ͋ΔURLΛදࣔ Customer Portal
33. Customer Portal ϦϯΫڞ༗ͷར༻γʔϯ νϟοτͰͷ໰͍߹Θͤ URLΛ௚઀఻͑Δ͜ͱ͕Մೳʹ ϝʔϧͰͷ໰͍߹Θͤ αʔϏεར༻ऀ≠ܾࡁ୲౰ऀ ΤϯυϢʔβʔ≠࠶ൢύʔτφʔ
34. • Stripeಋೖ࣌ʹ։ൃෆཁ • StripeͷAPIมߋ΍ػೳ௥Ճ͕͋ͬͯ΋։ൃෆཁ ϊʔίʔυͷϝϦοτ ΤϯδχΞͷྗΛआΓͣʹStripeͷಋೖɾӡ༻͕Ͱ͖Δ
35. ҎԼͷૢ࡞ͷΈʹݶఆ • Webhook ͷड͚औΓ • Checkout ͷURLੜ੒ • Customer Portal ͷURLੜ੒ มԽͷଟ͍SaaSͰͷΦεεϝStripe APIར༻ํ਑ StripeͷΞοϓσʔτͷԸܙΛड͚΍͍͢
36. ͦΕͰ΋
    "1*͸ඞཁ͔ɻɻ
37. ͍͍͑
38. ͕͍ͪ·͢
39. ϊʔίʔυ
    Customer Portal ຊ౰ͷڧΈ͸
40. ׬શϊʔίʔυͰ
    ӡ༻Մ
41. ৽نܖ໿ਃ͠ࠐΈ࣌ μογϡϘʔυ͔ΒαϒεΫϦϓγϣϯ࡞੒ͰCheckoutෆཁ
42. Χʔυ৘ใͷೖྗ ϊʔίʔυͷCustomer PortalͰ׬݁
43. μογϡϘʔυͱ
    $VTUPNFS
    1PSUBMͰ
    ׬શϊʔίʔυӡ༻
44. $VTUPNFS
    1PSUBMΛ࢖ͬͯ
    ϏδωεͷมԽʹڧ͍
    ܾࡁΛ