Stripe Connect を使ったサービス構築の裏側

by Takayuki

Slide 1

Slide 1 text

Stripe Connect Λ࢖ͬͨαʔϏε ߏஙͷཪଆ

Slide 2

Slide 2 text

1 ձࣾ঺հɾࣗݾ঺հ 2 Stripeಋೖʹࢸͬͨഎܠ Agenda 3 Stripe ConnectΛಋೖ͢ΔϝϦοτ 4 ࣮૷ํ๏ɾಋೖͯ͠Έͯؾ͍ͮͨ͜ͱ

Slide 3

Slide 3 text

1 ձࣾ঺հɾࣗݾ঺հ

Slide 4

Slide 4 text

4 ࣗݾ঺հ ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ ɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛ൒೥΍ͬͨޙʹԭೄͰى ۀ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ JP_StripesԭೄΛӡӦͯ͠·͢ʂ BDD(Ϗʔνۦಈ։ൃ)

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

2 Stripeಋೖʹࢸͬͨഎܠ

Slide 8

Slide 8 text

8 ࣗࣾWebαʔϏεͷ։ൃ ɾαʔϏε໊ Tadoru ɾγεςϜ֓ཁ Ϋϥ΢υιʔγϯά ΫϨδοτܾࡁ ͳͲ ɾ࢖͍ͬͯΔٕज़ ݴޠ : PHP,JavaScript ϑϨʔϜϫʔΫ: laravel5,Nuxt.jsͳͲ

Slide 9

Slide 9 text

Re:Build اۀͷ୲౰ऀ͕ ΤʔδΣϯτΛબͿ ΤʔδΣϯτ͕ࣗ෼ͷܨ ͕Γͷ͋ΔΤϯδχΞ· ͨ͸νʔϜʹ੠Λ͔͚Δ ࢓ࣄͷۭ͖͕͋Δϫʔ Χʔ͕͍Ε͹ɺ໘઀Λߦ ͏ ΤʔδΣϯτ͸ ࣄલʹ৹੍ࠪ ΤϯδχΞνʔϜ ΤϯδχΞ ϫʔΧʔ ΤʔδΣϯτ اۀ ϏδωεϞσϧ ࠾༻ใु

Slide 10

Slide 10 text

1 0 ཁ݅ ɾܾࡁΛϓϥοτϑΥʔϜ্Ͱߦ͏ɻ ɾۜߦৼࠐ͸໘౗ͳͷͰɺϓϥοτ ϑΥʔϜ্Ͱ͓ۚͷ΍ΓऔΓΛ׬݁ͤ͞ ͍ͨɻ

Slide 11

Slide 11 text

3 Stripe ConnectΛಋೖ͢ΔϝϦοτ

Slide 12

Slide 12 text

1 2 Stripe Connectͱ͸ ɾCustomerʢސ٬ʣ: ߪೖऀͰ͋Γ͓ۚΛࢧ෷͏ํɻӈͷਤ Ͱ྘ɻ ɾPlatformʢϓϥοτϑΥʔϜʣ: ͦͷ໊ͷ௨ΓϓϥοτϑΥʔϜΛఏڙ ͢Δํɻӈͷਤͷ੨ɻ ɾConnected accounts: ϓϥοτϑΥʔϜΛར༻ͯ͠αʔϏε Λఏڙ͠ɺೖۚΛड͚ΔํʢࢠΞΧ΢ ϯτͱ΋ݺ͹Ε·͢ʣɻӈͷਤͷϐϯ Ϋɻ ࢀߟɿhttps://qiita.com/y_toku/items/7bfa42793801dfc5415d

Slide 13

Slide 13 text

1 3 Stripe Connectͱ͸ ΤʔδΣϯτ Tadoru اۀ

Slide 14

Slide 14 text

1 4 ܾࡁର৅ اۀ ʢCustomerʣ ΤʔδΣϯτ ʢࢠΞΧ΢ϯτʣ ʢϓϥοτϑΥʔϜʣ ஥հख਺ྉ Ϛονϯά࣌ͷใु BtoCϞσϧ

Slide 15

Slide 15 text

1 5 ϝϦοτ ॊೈͳΧελϚΠζػೳ Connect ͷڧΈ͸ API ɻϓϥοτ ϑΥʔϜͷ࠷దͳΤΫεϖϦΤϯεΛσ βΠϯͰ͖·͢ɻϢʔβొ࿥ϑϩʔͷΧ ελϚΠζ΍ɺೖۚαΠΫϧͷઃఆɺෳ ࡶͳࢿۚҠಈͷΧελϚΠζॲཧɺ౷߹ ͞ΕͨܦཧϨϙʔςΟϯάػೳɻ ਝ଎ʹಋೖͰ͖Δ ϓϥοτϑΥʔϜͷͨΊͷܾࡁΠϯϑ ϥετϥΫνϟߏஙͰɺ͢Ͱʹ׬੒͞ Εͨ UI ཁૉΛऔΓೖΕͯɺϩʔϯνΛ εϐʔυΞοϓɺΦϖϨʔγϣϯΛγϯ ϓϧʹͰ͖·͢ɻ άϩʔόϧల։͠΍͍͢ ੈք 25ΧࠃҎ্ͷചΓख΁ࢧ෷͍Մ ೳɻϚʔέοτ͝ͱͷݱ஍ࢠձࣾ΍ ۜߦ࿈ܞ͸ඞཁ͋Γ·ͤΜɻෳࡶͳ ॲཧ͸ Connect ͕Ҿ͖ड͚·͢ɻ 1 2 3 https://stripe.com/connect

Slide 16

Slide 16 text

4 ࣮૷ํ๏ɾಋೖͯ͠Έͯؾ͍ͮͨ͜ͱ

Slide 17

Slide 17 text

ϑϩϯτΤϯυ αʔόαΠυ શମߏ੒ Gitlab CI ϥΠϒϥϦͳͲ Firebase ϥΠϒϥϦͳͲ

Slide 18

Slide 18 text

શମͷΞʔΩςΫνϟ(̐ͭͷυϝΠϯผ) ϑϩϯτΤϯυ αʔόαΠυ blade MPAߏ੒ ϑϩϯτΤϯυ αʔόαΠυ SPAߏ੒ αʔόαΠυ ϑϩϯτΤϯυ αʔόαΠυ blade MPAߏ੒ ϫʔΧʔը໘ ΤʔδΣϯτը໘ اۀը໘ SPAߏ੒ ϑϩϯτΤϯυ ӡӦը໘ MPA SPA

Slide 19

Slide 19 text

1 9 ͔͔ͬͨ޻਺ ɾλυϥʔը໘(Laravel) - 5೔͘Β͍   ɾاۀ؅ཧը໘(Nuxt.js) - 3೔͘Β͍ ɾεέδϡʔϧײ ߹ܭ2िؒऑ͘Β͍

Slide 20

Slide 20 text

2 0 اۀଆͷ࣮૷಺༰ ɾ࣮૷ͨ͠ػೳ - ΫϨδοτΧʔυͷొ࿥ - ܾࡁͷ࣮ߦ ɾ࢖ͬͨϥΠϒϥϦ https://stripe.com/docs/stripe-js/reference

Slide 21

Slide 21 text

2 1 اۀଆͷ࣮૷಺༰

Slide 22

Slide 22 text

2 2 اۀଆͷ࣮૷಺༰

Slide 23

Slide 23 text

2 3 اۀଆͷ࣮૷಺༰

Slide 24

Slide 24 text

2 4 اۀଆͷ࣮૷಺༰

Slide 25

Slide 25 text

2 5 اۀଆͷ࣮૷಺༰

Slide 26

Slide 26 text

2 6 اۀଆͷ࣮૷಺༰

Slide 27

Slide 27 text

2 7 ΤʔδΣϯτଆͷ࣮૷಺༰ ɾ࣮૷ͨ͠ػೳ - ΞΧ΢ϯτ৘ใ ※2~3೔ͷ৹͕ࠪ͋Δ - ޱ࠲৘ใͷొ࿥ ɾ࢖ͬͨϥΠϒϥϦ https://github.com/stripe/stripe-php

Slide 28

Slide 28 text

2 8 ΤʔδΣϯτଆͷ࣮૷಺༰

Slide 29

Slide 29 text

2 9 ৹ࠪͷΠϝʔδ ޱ࠲৘ใ΍ূ໌ॻͷొ࿥ ̎ʙ̏೔Ͱ݁Ռ͕͘Δ

Slide 30

Slide 30 text

3 0 ΤʔδΣϯτଆͷ࣮૷಺༰

Slide 31

Slide 31 text

3 1 ؅ཧը໘ͷݟ͑ํ

Slide 32

Slide 32 text

3 2 ࣮૷Ͱେมͩͬͨ͜ͱ ɾStripeͷࢠΞΧ΢ϯτΛ࡞Δࡍʹೖྗ߲໨͕ଟ͍ ɾຊਓ֬ೝνΣοΫͷεςʔλε֬ೝΛ͢Δඞཁ͕͋Δ - APIΛݺ΂͹ɺঝೝࡁΈ͔৹ࠪத͕Θ͔Δ - webhookͰSlack΍ϝʔϧʹඈ͹͢͸Մೳ

Slide 33

Slide 33 text

3 3 ಋೖͯ͠Έͯؾ͍ͮͨ͜ͱ ϫʔΧʔͱͯ͠ ϩάΠϯ λυϥʔਃ੥ (1िؒఔ౓Ͱࣄ຿ہ ΑΓ৹ࠪ݁ՌΛϝʔ ϧ௨஌) ৼΓࠐΈޱ࠲ొ࿥ ൃ஫اۀʹ૬ஊ͞ ΕͨҊ݅Λ ϫʔΧʔʹ঺հ STEP1 STEP2 STEP3 STEP4 01 02 03 04 ΤʔδΣϯτͷొ࿥ϑϩʔ͕௕ͯ͘཭୤͕ଟ͔ͬͨɻɻɻ

Slide 34

Slide 34 text

3 4 ಋೖͯ͠Έͯؾ͍ͮͨ͜ͱ ΤʔδΣϯτ ޱ࠲৘ใΛొ࿥͢Δ·Ͱ Ұ෦෼͚ͩػೳ࢖༻੍ݶΛ͢Δͷ͕ॲ ཧ͕ෳࡶʹͳΓେมͩͬͨ

Slide 35

Slide 35 text

3 5 ಋೖͯ͠Έͯؾ͍ͮͨ͜ͱ ɾϢʔβͷ్தͰͷ཭୤͕ଟ͔ͬͨͷͰɺޙ͔Βޱ࠲ొ࿥ͯ͠ग़ۚਃ੥͢Δܗʹ ͢Ε͹ྑ͔ͬͨɻ ɾग़ۚਃ੥ͷ࣌͸Ϣʔβ΋Ϟνϕʔγϣϯ্͕͕ΔͷͰɺೖྗ͸ͯ͘͠Εͦ͏ ΤʔδΣϯτ ʢࢠΞΧ΢ϯτʣ ग़ۚਃ੥ ཧ૝ܗ اۀ ʢCustomerʣ Stripeܾࡁ ૹۚ ΤʔδΣϯτ ʢࢠΞΧ΢ϯτʣ ঺հྉΛTadoru ଆͰҰ࣌తʹड ͚औΔ

Slide 36

Slide 36 text

3 6 ·ͱΊ ɾϓϥοτϑΥʔϜͰख਺ྉΛऔΔϏδωεϞσϧʹ޲͍͍ͯ Δ ɾϢʔβͷϞνϕʔγϣϯʹΑͬͯ͸ɺޱ࠲৘ใΛొ࿥ͤ͞Δ λΠϛϯά΍ಋઢ͸ؾΛ͚ͭͳ͍ͱϢʔβ͕ΞΫςΟϒʹͳΓ ʹ͍͘ɻ

Slide 37

Slide 37 text

3 7 ࢀߟจݙ https://qiita.com/y_toku/items/7bfa42793801dfc5415d https://stripe.com/connect