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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

ڈ೥ Customer Porta l ϦϦʔε

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

αϒεΫͷ ܾࡁ·ΘΓͰඞཁ ͳػೳ

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

2. ܖ໿ϓϥϯ ͷมߋ

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

3. ࢧ෷ཤྺͷ ֬ೝ

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

4. ΫϨΧ৘ใ ͷมߋ

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

5. ੥ٻઌ৘ใ ͷมߋ

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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