Customer Portal使う？使わない？フルスクラッチとのメリデメ比較

#JP_Stripes (Stripe ユーザーグループ）Online Meetup Vol.3 - Customer Portal、使ってますか？

https://eventregist.com/e/JP_Stripe_meetup_03

で登壇した際の資料です。

PDF化の際の影響で23ページ目の資料でCustomer Portalのデメリットが見切れてしまっていますが、
「・差額請求は日割り計算のみ
」
と記載してあります。

Transcript

1. I
   2021/9/
   3
   
   #JP_Stripe
   s
   
   ؠ࡚ ળޫʢ@neeton_iwasakiʣ
   Customer
   Portal࢖͏ʁ
   ࢖Θͳ͍ʁ
   ϑϧεΫϥονͱͷ
   ϝϦσϝൺֱ
   

   View Slide

2. TOWNגࣜձࣾ
   ϓϩμΫτϚωʔδϟʔ
   @neeton_iwasaki
   ؠ࡚ ળޫ
   ͍Θ͖͞ Αͯ͠Δ
   

   View Slide

3. https://aipo.com
   toB޲͚
   εέδϡʔϧ؅ཧSaaS
   Aipo
   

   View Slide

4. ● Stripeྺ 4೥൒
   ● ಋೖ࣌ʹ͕ͬͭΓ࣮૷
   ● ϏδωεͷมԽʹ߹Θͤͯ౎౓վम
   ● Customer Portalະར༻
   ຊ೔ͷཱ৔
   Customer Portal ਪ͠
   

   View Slide

5. ● APIˍॆ࣮ͨ͠SD
   K
   
   ● Θ͔Γ΍͍͢APIϦϑΝϨϯε
   ● μογϡϘʔυ೔ຊޠԽະରԠʢ౰࣌ʣ
   ● ϑϧεΫϥον͔͠બ୒ࢶͳ͠
   Stripeಋೖ౰࣌ͷҹ৅
   ΤϯδχΞϑϨϯυϦʔ
   

   View Slide

6. αʔϏεಠࣗͷ
   ੥ٻϧʔϧͳͲ
   ࡉ͔ͳ࡞ΓࠐΈ͕Մೳ
   ϑϧεΫϥονͷϝϦοτ
   

   View Slide

7. ྉۚମܥͷݟ௚࣌͠ͳͲ
   γεςϜվमʹ
   ΤϯδχΞͷ޻਺͕͔͔Δ
   ϑϧεΫϥονͷσϝϦοτ
   

   View Slide

8. ڈ೥
   Customer Porta
   l
   
   ϦϦʔε
   

   View Slide

9. ● ΤϯυϢʔβʔ޲͚ʹ੥ٻ؅ཧػೳΛఏڙ
   ● Ұ࣌తͳURLΛൃߦ
   Customer Portalͱ͸
   

   View Slide

10. Customer PortalͰͰ͖Δ͜ͱ
    ● ఆظܾࡁͷϓϥϯมߋ
    ● ࢧ෷͍ཤྺͷ֬ೝ
    ● ࢧ෷͍ํ๏ͷมߋ
    ● ੥ٻઌ৘ใͷมߋ
    

    View Slide

11. ● ৽نαϒεΫϦϓγϣϯͷ࡞੒͸Ͱ͖ͳ͍
    ● ୯ൃܾࡁͷཤྺ͸දࣔ͞Εͳ͍
    ● ༗ঈͷ Billing ϢʔβͷΈ͕ར༻Մೳ
    Customer Portalͷ஫ҙ఺
    

    View Slide

12. αϒεΫͷ
    ܾࡁ·ΘΓͰඞཁ
    ͳػೳ
    

    View Slide

13. 1. ৽نܖ໿ਃ͠ࠐΈɺΫϨΧొ࿥
    2. ܖ໿ϓϥϯͷมߋ
    3. ࢧ෷ཤྺͷ֬ೝ
    4. ΫϨΧ৘ใͷมߋ
    5. ੥ٻઌ৘ใͷมߋ
    αϒεΫͷܾࡁ·ΘΓͰඞཁͳػೳ
    

    View Slide

14. αϒεΫͷܾࡁ·ΘΓͰඞཁͳػೳͱͦͷ࣮૷
    ػೳ ϑϧεΫϥον Customer Portal
    ৽نܖ໿ਃ͠ࠐΈ Checkout ඇରԠ
    ࢧ෷ཤྺͷ֬ೝ ཁ࣮૷ ରԠࡁ
    ΫϨΧ৘ใͷมߋ Checkout ରԠࡁ
    ܖ໿಺༰ͷมߋ ཁ࣮૷ ରԠࡁ
    ੥ٻઌ৘ใͷมߋ ཁ࣮૷ ରԠࡁ
    

    View Slide

15. 1. ৽نܖ໿
    ਃ͠ࠐΈ
    ΫϨΧొ࿥
    

    View Slide

16. ৽نܖ໿ਃ͠ࠐΈɺΫϨΧొ࿥ʢϑϧεΫϥονʣ
    σʔλΛߋ৽
    ਃ͠ࠐΈ
    Custome
    r
    
    Subscriptio
    n
    
    ࡞੒
    Stripe API
    Checkou
    t
    
    URLੜ੒
    Stripe API
    ΫϨΧ৘ใΛొ࿥
    Checkout
    

    View Slide

17. ৽نܖ໿ਃ͠ࠐΈɺΫϨΧొ࿥ʢCustomer Portalʣ
    σʔλΛߋ৽
    ਃ͠ࠐΈ
    Custome
    r
    
    Subscriptio
    n
    
    ࡞੒
    Stripe API
    Customer Porta
    l
    
    URLੜ੒
    Stripe API
    ΫϨΧ৘ใΛొ࿥
    Customer
    Portal
    Χʔυ৘ใొ࿥͕Checkout͔Customer Portal͔ͷҧ͍
    

    View Slide

18. ৽نܖ໿ਃ͠ࠐΈɺΫϨΧొ࿥ʢϝϦοτɾσϝϦοτʣ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾCheckout/Elementsͷબ୒ࢶ
    σϝϦοτ
    ϝϦοτ
    ɾܾࡁ؅ཧΛCustomer Portalʹू໿
    σϝϦοτ
    ɾSubscriptionͷ࡞੒͕ඞཁ
    େ͖ͳϝϦοτɾσϝϦοτͷࠩ͸ͳ͍
    

    View Slide

19. 2. ܖ໿ϓϥϯ
    ͷมߋ
    

    View Slide

20. ܖ໿ϓϥϯͷมߋʢϑϧεΫϥονʣ
    σʔλΛߋ৽
    ਃ͠ࠐΈ
    Subscriptio
    n
    
    ߋ৽
    Stripe API
    

    View Slide

21. ܖ໿ϓϥϯͷมߋʢCustomer Portalʣ
    ϓϥϯมߋਃ͠ࠐΈ
    ਃ͠ࠐΈ
    Customer Porta
    l
    
    URLੜ੒
    Stripe API
    ܖ໿ϓϥϯΛมߋ
    Customer
    Portal
    σʔλΛߋ৽
    Webhook
    

    View Slide

22. ● ϑϧεΫϥονͷ৔߹
    ࣗલσʔλˠStripeͷσʔλ
    ● Customer Portalͷ৔߹
    StripeͷσʔλˠWebhook→ࣗલσʔλ
    σʔλߋ৽ॲཧͷॱ൪͕ٯʹͳΔ
    ܖ໿ϓϥϯͷมߋ࣌ͷσʔλߋ৽ॱ
    

    View Slide

23. ܖ໿ϓϥϯͷมߋʢϝϦοτɾσϝϦοτʣ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾֹࠩ੥ٻͷࡉ͔ͳରԠ
    ɾܖ໿Մೳϓϥϯͷॊೈͳίϯτϩʔϧ
    σϝϦοτ
    ɾ੥ٻֹۚΛࣗલͰܭࢉͯ͠දࣔ
    ɾ࣮૷ͱςετ͕ෳࡶ
    ϝϦοτ
    ɾ੥ٻֹۚͷࣗಈදࣔ
    ɾϓϩϞʔγϣϯίʔυʹରԠ
    ɾ঎඼͝ͱʹ੍ݶΛ௥ՃՄೳ
    ɾAPIͰࡉ͔ͳௐ੔͕Մೳ
    σϝϦοτ
    ɾֹࠩ੥ٻ͸೔ׂΓܭࢉͷΈ
    ΠϨΪϡϥʔΛͲͷఔ౓ڐ༰͢Δ͔Ͱ൑அ
    

    View Slide

24. 3. ࢧ෷ཤྺͷ
    ֬ೝ
    

    View Slide

25. ࢧ෷ཤྺͷ֬ೝʢϑϧεΫϥονʣ
    ࢧ෷ཤྺ
    Ұཡϖʔδͷදࣔ
    Ұཡऔಘ
    Invoiceऔಘ
    Stripe API
    ࢧ෷ཤྺ
    ৄࡉϖʔδͷऔಘ
    ৄࡉऔಘ
    Invoiceऔಘ
    Stripe API
    ࣮૷ͷख͕ؒେ͖͍
    

    View Slide

26. ࢧ෷ཤྺͷ֬ೝʢCustomer Portalʣ
    Ұཡऔಘ
    Customer Porta
    l
    
    URLੜ੒
    Stripe API Customer Portal
    ࢧ෷ཤྺͷදࣔ
    ࢧ෷ཤྺ
    Ұཡϖʔδͷදࣔ
    

    View Slide

27. ࢧ෷ཤྺͷ֬ೝʢϝϦοτɾσϝϦοτʣ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾγʔϜϨεͳ૊ΈࠐΈ͕Մೳ
    σϝϦοτ
    ɾରԠ͕ඞཁͳը໘͕ଟ͍
    ɾֹۚௐ੔ൃੜ࣌ͷ࣮૷͕ෳࡶ
    ϝϦοτ
    ɾ੥ٻॻɺྖऩॻͷμ΢ϯϩʔυ
    σϝϦοτ
    ɾ୯ൃܾࡁͷཤྺ͸දࣔ͞Εͳ͍
    ࣮૷޻਺Λߟ͑ΔͱCustomer Portalʹ܉഑
    

    View Slide

28. 4. ΫϨΧ৘ใ
    ͷมߋ
    

    View Slide

29. ΫϨΧ৘ใͷมߋʢϑϧεΫϥονʣ
    ΫϨΧ৘ใมߋਃ͠ࠐΈ
    ਃ͠ࠐΈ
    Checkou
    t
    
    URLੜ੒
    Stripe API
    ΫϨΧ৘ใΛొ࿥
    Checkout
    σϑΥϧτΧʔυͷ੾ସ
    Webhook
    &
    
    Stripe API
    Checkout͚ͩͰ͸σϑΥϧτΧʔυͷ੾ସෆՄ
    

    View Slide

30. ΫϨΧ৘ใͷมߋʢCustomer Portalʣ
    ਃ͠ࠐΈ
    Customer Porta
    l
    
    URLੜ੒
    Stripe API Customer Portal
    ΫϨΧ৘ใͷొ࿥
    ΫϨΧ৘ใมߋਃ͠ࠐΈ
    

    View Slide

31. ΫϨΧ৘ใͷมߋʢϝϦοτɾσϝϦοτʣ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾγʔϜϨεͳ૊ΈࠐΈ͕Մೳ
    σϝϦοτ
    ɾσϑΥϧτΧʔυͷ੾ସ͕ඞཁ
    ɾෳ਺ΧʔυରԠͷ࣮૷޻਺େ
    ϝϦοτ
    ɾෳ਺ΧʔυʹରԠ
    ɾσϑΥϧτΧʔυ੾Γସ͑ରԠ
    σϝϦοτ
    ࣮૷޻਺Λߟ͑ΔͱCustomer Portalʹ܉഑
    

    View Slide

32. 5. ੥ٻઌ৘ใ
    ͷมߋ
    

    View Slide

33. ੥ٻઌ৘ใͷมߋʢϑϧεΫϥονʣ
    ੥ٻઌ৘ใมߋਃ͠ࠐΈ
    ਃ͠ࠐΈ
    Custome
    r
    
    ߋ৽
    Stripe API
    

    View Slide

34. ੥ٻઌ৘ใͷมߋʢCustomer Portalʣ
    ਃ͠ࠐΈ
    Customer Porta
    l
    
    URLੜ੒
    Stripe API Customer Portal
    ੥ٻઌ৘ใͷมߋ
    ੥ٻઌ৘ใมߋਃ͠ࠐΈ
    

    View Slide

35. ੥ٻઌ৘ใͷมߋʢϝϦοτɾσϝϦοτʣ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾϝλσʔλͷߋ৽΋͠΍͍͢
    σϝϦοτ
    ϝϦοτ
    ɾϝʔϧɺॅॴͷมߋ͕Մೳ
    σϝϦοτ
    ɾ໊લͷมߋ͸ෆՄ
    ࣮૷޻਺Λߟ͑ΔͱCustomer Portalʹ܉഑
    

    View Slide

36. શମతͳϝϦοτɾσϝϦοτ
    Customer Portal
    ϑϧεΫϥον
    ϑϧεΫϥον Customer Portal
    ϝϦοτ
    ɾࡉ͔ͳௐ੔͕Ͱ͖Δ
    σϝϦοτ
    ɾ࣮૷޻਺͕େ͖͘ͳΔ
    ɾܾࡁ·ΘΓͷมߋ࣌ͷख͕ؒେ͖͘ͳΔ
    ϝϦοτ
    ɾ࣮૷޻਺͕ݮΒͤΔ
    ɾܾࡁ·ΘΓͷมߋ͕͠΍͘͢ͳΔ
    σϝϦοτ
    ɾࡉ͔ͳίϯτϩʔϧ͸Ͱ͖ͳ͍
    Ϗδωεͷಛੑʹ߹Θͤͯબ୒
    

    View Slide

37. ● toCͳͲͷηϧϑαʔϒ
    ● ෳࡶͳྉۚମܥ
    ● ྉۚମܥ͕ݻఆ
    ● ϒϥϯσΟϯάΛॏࢹ
    ϑϧεΫϥον͕޲͍͍ͯΔέʔε
    ݸਓతݟղɿଟ͘ͷ৔߹ Customer Portal Ͱे෼
    

    View Slide

38. ● Customer Portal Λ࢖͏
    ● Stripe Dashboard Λ׆༻͢Δ
    ● Stripe APIΛۦ࢖͗͢͠ͳ͍
    ʢԿͰ΋Ͱ͖Δ≠શ෦΍Δʣ
    มԽͷଟ͍SaaSͰͷΦεεϝ
    

    View Slide

39. ҎԼͷૢ࡞ͷΈʹݶఆ
    ● Webhook ͷड͚औΓ
    ● Customer Portal ͷURLੜ੒
    ● Checkout ͷURLੜ੒
    มԽͷଟ͍SaaSͰͷΦεεϝStripe APIར༻ํ਑
    StripeͷΞοϓσʔτͷԸܙΛड͚΍͍͢
    

    View Slide

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

    View Slide