$30 off During Our Annual Pro Sale. View Details »

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

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

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

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

Yoshiteru Iwasaki

September 28, 2022
Tweet

More Decks by Yoshiteru Iwasaki

Other Decks in Technology

Transcript

  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. μογϡϘʔυͱ $VTUPNFS1PSUBMͰ ׬શϊʔίʔυӡ༻

  44. $VTUPNFS1PSUBMΛ࢖ͬͯ ϏδωεͷมԽʹڧ͍ ܾࡁΛ