Auth0の認可 - Speaker Deck

Slide 1

Slide 1 text

Classmethod / CX Div. / Yuki Suwa / 2019.8.29 "VUIʹ͓͚ΔೝՄ "VUI+BQBO6TFS$PNNVOJUZ .FFUVQJO5PLZP7PM

Slide 2

Slide 2 text

ਡ๚༔لɹYuki Suwa w$9ࣄۀຊ෦Ϛωʔδϟʔ݉  ΤϯδχΞ w%FWFMPQFST*0ϒϩΨʔ w"VUI"NCBTTBEPS wJ04"OESPJE3VCZ /PEFKT3FBDU7VF "84%PDLFSFUDʜ 2

Slide 3

Slide 3 text

%FWFMPQFST*0 w݄ؒສ17ɺສ66ΛތΔɺࣾһ͕ࣥච͢Δ*5 ٕज़ʹಛԽͨ͠Φ΢ϯυϝσΟΞ w"84ɺϏοάσʔλɺϞόΠϧɺ*P5ɺ"*ͳͲͷଟذ ʹΘͨΔهࣄΛ೔ʑެ։ w໿ ຊͷهࣄΛެ։தʢ೥݄ݱࡏʣ wԱଌ΍ηΦϦʔΑΓ΋ʮ΍ͬͯΈͨʯ͕ಛ௕ 3

Slide 4

Slide 4 text

w৽͍͠ސ٬ମݧͷιϦϡʔγϣϯΛ૑଄͢Δͨ Ίͷ࣮ݧళฮ w"NB[PO(0ʹΠϯεύΠΞ͞Εͯ։ൃͨ͠ ΢ΥʔΫεϧʔ wࡢࠓ࿩୊ͷΩϟογϡϨεɺϞόΠϧΦʔμʔ w#SFBLJOH$IBOHFʹԲ͢Δ͜ͱͳ͘ৗʹ৽͠ ͍ٕज़Λ࠷େݶʹ׆༻ͨ͠৽͍͠ސ٬ମݧΛ࣮ ݧతʹఏڙ͠ଓ͚Δ

Slide 5

Slide 5 text

5 LINE Login LINE Pay Messaging API ιʔγϟϧϩάΠϯ ஫จͷܾࡁ νϟοτϘοτ஫จ

Slide 6

Slide 6 text

ΞδΣϯμ wೝূͱೝՄͷ֓ཁ wೝূͱೝՄͷϑϩʔ w"VUIPSJ[BUJPO$PEF'MPXXJUI1SPPG,FZ  GPS$PEF&YDIBOHF wBVUITQBKTͷ঺հ w·ͱΊ 6

Slide 7

Slide 7 text

ೝূͱೝՄ wਖ਼͘͠ཧղͨͭ͠΋ΓͰ΋ࠞಉ͕ͪ͠ wͦΕͧΕɺγεςϜΛ࡞Δ্Ͱ͸ෆՄܽͳཁૉ 7

Slide 8

Slide 8 text

ೝূͱೝՄ wೝূʢ"VUIFOUJDBUJPO"VUI/ʣ ௨৴ͷ૬ख͕୭͔֬ೝ͢Δ͜ͱ ͳΓ͢·͠Ͱͳ͍͜ͱͷ֬ೝ wೝՄʢ"VUIPSJ[BUJPO"VUI;ʣ ಛఆͷ৚݅ʹରͯ͠ΞΫηεݖݶΛ༩͑Δ͜ͱ 8

Slide 9

Slide 9 text

ೝূʢ"VUIFOUJDBUJPOʣ w௨৴૬ख͕ͳΓ͢·͠Ͱ͸ͳ͍ͱ֬ೝ͢Δ͜ͱ 9 ೝূཁૉ ݱ࣮ͷੈք ిࢠͷੈք 8IBU:PV"SFʁ JOIFSFODFGBDUPS إ๴ ੠ ॺ໊ච੻ ੜମೝূ  ʢإೝূ ࢦ໲ೝূʣ 8IBU:PV)BWFʁ QPTTFTTJPOGBDUPS ҹؑ ਎෼ূ Χʔυ ܞଳి࿩ ిࢠূ໌ॻ   ηΩϡϦςΟτʔΫϯ 8IBU:PV,OPXʁ LOPXMFEHFGBDUPS ߹ݴ༿ ύεϫʔυ

Slide 10

Slide 10 text

ೝՄʢ"VUIPSJ[BUJPOʣ wϝλϑΝʔ͸ʮ伴ʯ΍ʮ੾ූʯͷൃߦ wϦιʔεʹΞΫηε͢ΔݖݶΛ༩͑Δ͜ͱ wೝূͱ͸ຊདྷ͸ಠཱͨ͠ߟ͑ํ w७ਮͳೝՄ͸ɺ૬खͷ਎ݩ͕෼͔Δͱ͸ݶΒͳ͍ 10

Slide 11

Slide 11 text

Α͋͘ΔྲྀΕ 11 ೝূ ೝՄ ΞΫηε ࣗ෼ࣗ਎Λূ໌͢Δ 伴Λ౉͢ 伴Λ࢖ͬͯར༻͢Δ ʴ

Slide 12

Slide 12 text

-*/&ʹ౰ͯ͸ΊΔͱ 12 ೝূ ೝՄ ΞΫηε -*/&ʹϩάΠϯ πϜπϜͰ࢖͏ ϑϨϯυͱڝ͑Δ ʴ

Slide 13

Slide 13 text

w"VUIPSJ[BUJPO$PEF'MPX w"VUIPSJ[BUJPO$PEF'MPXXJUI1SPPG,FZ GPS$PEF&YDIBOHF 1,$& w*NQMJDJU'MPX w$MJFOU$SFEFOUJBMT'MPX w%FWJDF"VUIPSJ[BUJPO'MPX 13 "VUI͕αϙʔτ͍ͯ͠ΔೝূೝՄϑϩʔ

Slide 14

Slide 14 text

"VUI͕αϙʔτ͍ͯ͠ΔೝূೝՄϑϩʔ w"VUIPSJ[BUJPO$PEF'MPX w"VUIPSJ[BUJPO$PEF'MPXXJUI1SPPG,FZ GPS$PEF&YDIBOHF 1,$& w*NQMJDJU'MPX w$MJFOU$SFEFOUJBMT'MPX w%FWJDF"VUIPSJ[BUJPO'MPX 14

Slide 15

Slide 15 text

"VUIPSJ[BUJPO$PEF'MPXXJUI1SPPG,FZ GPS$PEF&YDIBOHF 1,$& w0"VUIͷػೳ֦ு w3'$ ೥ൃߦ   IUUQTUPPMTJFUGPSHIUNMSGD w1VCMJD$MJFOUͷηΩϡϦςΟϦεΫΛղফ͢ΔͨΊʹ ੜΈग़͞Εͨϑϩʔ wͽ͘͠ʔ 15

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

17 ϦμΠϨΫτઌΛͳΓ͢·͠ Ҏ߱ͷॲཧΛԣऔΓͰ͖Δ

Slide 18

Slide 18 text

Slide 19

Slide 19 text

19 ԣऔΓͯ͠΋Code Veriﬁer͕ ෼͔Βͳ͍ʂ

Slide 20

Slide 20 text

BVUITQBKT w4JOHMF1BHF"QQMJDBUJPO޲͚ͷ"VUI4%, w೥݄೔ʹਖ਼ࣜϦϦʔε w1,$&ʹΑΔೝূίʔυڐՄʹରԠ w41"΁ͷ૊ΈࠐΈʹ͓͍ͯਪ঑ 20

Slide 21

Slide 21 text

"DDFTT5PLFOΛ࢖ͬͯ Ͳ͏΍ͬͯೝՄ͢Δͷʁ 21

Slide 22

Slide 22 text

"VUIͷೝՄ wϢʔβʔʹର͢ΔೝՄϢʔβʔͷॴଐʹର͢ΔೝՄ w3PMF#BTFE"DDFTT$POUSPM 3#"$ ʹରԠ wೝՄʹඞཁͳ৘ใΛ*%τʔΫϯΞΫηετʔΫϯʹ ෇༩͢Δ͜ͱ͕Մೳ wೝՄͷ੍ޚࣗମ͸ߦΘͳ͍ 22

Slide 23

Slide 23 text

3#"$Λ࣮૷ͯ͠ΈΑ͏ "1*ͱ1FSNJTTJPOΛ࡞੒ 3PMFΛ࡞੒ 6TFSʹ3PMFΛઃఆ "DDFTT5PLFOΛऔಘ 23

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

ΞΫηετʔΫϯͷऔಘ 100 const token = await auth0.getTokenSilently({ 101 audience: 'https://example.jp' 102 }); 103 console.log(token);

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

4VNNBSZ 34

Slide 35

Slide 35 text

1,$&࢖͍ͬͯ͜͏ wطʹ6OJWFSTBM-PHJOΛ࢖͍ͬͯΔͷͰ͋Ε͹  Ҡߦ͸ඇৗʹ؆୯ w"DDFTT5PLFOΛ༻͍ͨೝՄʹ੾Γସ͑Δ w"VUIΛ࠾༻͢Δ্Ͱͷ࠷େͷϝϦοτ͸  ࠷৽ͷೝূೝՄͷτϨϯυʹ৐Γ·͘ΕΔ͜ͱ 35

Slide 36

Slide 36 text

BVUITQBKTͷཹҙ఺ w6OJWFSTBM-PHJOͷΈར༻Մೳ w"VUI"1*Λݺͼग़͢৔߹͸BVUIKTΛซ༻͢Δ 36

Slide 37

Slide 37 text

Ϋϥεϝιουͷ"VUIαʔϏε w"VUIͷ੥ٻ୅ߦ w"VUIΛར༻ͨ͠ΞϓϦέʔγϣϯ։ൃ w"VUIͷγεςϜಋೖͷίϯαϧςΟϯά w"VUIΛར༻ͨ͠αʔϏεͷఏڙ 37 "VUIͷಋೖΛݕ౼͞Ε͍ͯΔํ͸  ͥͻ͓੠͕͚͍ͩ͘͞ʂ