LINE Loginで始めるAuth0の使い方 - 認証基盤をかんたんに構築する方法
by
suwa yuki
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
-*/&-PHJOͰ࢝ΊΔ "VUIͷ͍ํ Classmethod / Yuki Suwa / 2019.11.21 ೝূج൫Λ͔ΜͨΜʹߏங͢Δํ๏
Slide 2
Slide 2 text
ຊͷςʔϚ 2 -*/&-PHJO"VUIͷ ͡ΊͷҰาΛ౿Έग़͠ ࣮͕͍͔ʹ؆୯͔ཧղ͢Δ ຊͷςʔϚ
Slide 3
Slide 3 text
ΞδΣϯμ 3 5 min -*/&-PHJOͷ֓ཁͱ࠷৽ใ "VUIͷ֓ཁͱ࠷৽ใ ಋೖࣄྫͱ5*14 ·ͱΊ 5 min 10 min 5 min ΞϓϦͷಋೖσϞ 10 min
Slide 4
Slide 4 text
-*/&-PHJOͷ֓ཁͱ࠷৽ใ 4 O V E R V I E W & N E W F E AT U R E S
Slide 5
Slide 5 text
-*/&-PHJOͱ w༷ʑͳνϟωϧʹ-*/&ͰϩάΠϯ Ͱ͖ΔػೳΛఏڙ w0"VUI0QFO*%$POOFDU४ڌ 5
Slide 6
Slide 6 text
ΞϓϦͷೝূೝՄͷ՝ wίΞͰͳ͍͕ඞཁͳػೳͰ͋Δ͕ɺ ෳࡶʹͳΓ͕ͪ wೝূͷ69ɺશମͷ69ʹڧ͘Өڹ͢Δ w࣌ؒΛ͔͚ͣʹ࡞Γ͍ͨͷʹɺ࣌ؒΛ͔ ͚ͳ͍ͱ࡞Εͳ͍ 6
Slide 7
Slide 7 text
-*/&-PHJOΛར༻͢ΔϞνϕʔγϣϯ 7 w."6 ສਓ w%"6 ສਓ wຊͷਓޱԯສਓ wਓޱͷ͕ຖར༻ ʢਓʹਓຖ͏ʣ 201912݄ظ ୈ3࢛ظܾࢉઆ໌ձ ϓϨθϯςʔγϣϯࢿྉ
Slide 8
Slide 8 text
ϢʔβʔΛεϐʔσΟʹϩάΠϯঢ়ଶ wސ٬ମݧͷϙΠϯτ͍͔ʹૣظஈ֊Ͱ ϩάΠϯঢ়ଶʹ͍͔࣋ͬͯ͘ wσʔλੳ্ૣظஈ֊ͰϢʔβʔΛϢ χʔΫʹಛఆ͍ͨ͠ w΄΅ৗʹϩάΠϯঢ়ଶͰ͋Δ-*/&Λ׆༻ wϢʔβʔʹʮϩάΠϯʯΛҙࣝͤ͞ͳ͍ 8
Slide 9
Slide 9 text
-*''4%,W w-*''4%,W͕݄ʹϦϦʔε w-*/&-PHJOͷੑ্͕ w8FCͰͷར༻͕Ͱ͖ΔΑ͏ʹ 9 liff.isLoggedIn() https://engineering.linecorp.com/ja/blog/liff liff.login() liff.logout() liff.getAccessToken() NEW
Slide 10
Slide 10 text
-*''ͷ4DPQFࢦఆ w-*''ͷొํ๏͕มߋʹͳΓ4DPQFࢦఆ͕Մೳʹ wϢʔβʔೝՄΛҰʹ·ͱΊͯߦ͑ΔΑ͏ʹͳͬͨ 10 NEW
Slide 11
Slide 11 text
͜Ε·Ͱ 11 Logged In!
Slide 12
Slide 12 text
͜Ε͔Β 12 ઃఆͨ͠ScopeΛ LIFFͷೝՄʹ ՃͰ͖Δʂ Logged In!
Slide 13
Slide 13 text
13 "VUIͷ֓ཁͱ࠷৽ใ O V E R V I E W & N E W F E AT U R E S
Slide 14
Slide 14 text
ೝূೝՄͷػೳΛ αʔϏεͱͯ͠ఏڙ
Slide 15
Slide 15 text
ιʔγϟϧϩάΠϯͷ՝ w৭ʑͳϩάΠϯखஈΛఏڙ͍ͨ͠ w*%ϓϩόΠμ͝ͱʹ༷͕ҟͳΔ w*%ϓϩόΠμ͝ͱʹΞΫηετʔ ΫϯΛཧ͢ΔॲཧΛ࣮͠ͳ͚ Ε͍͚ͳ͍ 15
Slide 16
Slide 16 text
Login with LINE ෳͷιʔγϟϧϩάΠϯෳࡶʜ 16 Login with Facebook Sign in with Google IDϓϩόΠμ͝ͱʹ ೝূ/ೝՄͷ࣮ํ๏͕ҟͳΔ
Slide 17
Slide 17 text
ೝূೝՄʹؔ͢Δඪ४ن֨ 17 ΞϓϦαʔόʔͱʹ ࣗࣾ։ൃ͢Δ߹։ൃӡ༻ίετ͕͔͔Δ
Slide 18
Slide 18 text
"VUI͕·Δͬͱղܾʂ
Slide 19
Slide 19 text
"VUIͷಛ 19 ։ൃεϐʔυ ٕज़ελοΫ ηΩϡϦςΟ ֦ுੑ ύϑΥʔϚϯε Πϊϕʔγϣϯ ͷސ٬͕ ϲ݄ҎͰ࣮ྃ Ҏ্ͷ4%,ͱ ଟ͘෯͍"1*Λఏڙ ສҎ্ͷѱҙͷ͋Δ ϩάΠϯΛࢭ ಠࣗ·ͨҎ্ͷఆ͔ٛΒ ϧʔϧΛՃ͑Δ͜ͱ͕Մೳ աڈ͔݄ͰҎ্ͷ ຊ൪ڥͷΞοϓλΠϜ ৽͍͠ػೳΛੵۃతʹఏڙɺ ຊۀʹϑΥʔΧεͰ͖Δ
Slide 20
Slide 20 text
ଟ͘ͷιʔγϟϧίωΫγϣϯΛαϙʔτ And more…
Slide 21
Slide 21 text
݄ʹެࣜαϙʔτ ඇৗʹ؆୯ʹΈࠐΈՄೳʹ
Slide 22
Slide 22 text
ͳͥ-*/&-PHJOͱ"VUIΛ ซ༻͢Δඞཁ͕͋Δͷ͔ʁ 22 ?
Slide 23
Slide 23 text
-*/&-PHJOҎ֎ͷબࢶΛ ༻ҙ͍ͨ͠߹ʹซ༻͢Δ 23 A
Slide 24
Slide 24 text
8FCͷ߹ͷ-*/&-PHJO w1$Ͱ-*/&Λ͍ͬͯΔϢʔβʔগͳ͍ wڥʹΑͬͯ-*/&-PHJO͕ඞͣ͠γʔ ϜϨεͳମݧʹͳΔͱݶΒͳ͍ wଞͷϩάΠϯखஈซ༻͍ͨ͠ wιʔγϟϧϩάΠϯ"VUIͷಘҙ 24
Slide 25
Slide 25 text
4JHO*OXJUI"QQMFରԠ w৽نJ04ΞϓϦͰιʔγϟϧϩάΠ ϯΛಋೖ͢Δඞਢʹ w-*/&-PHJOΛಋೖ͢Δ߹֘ w"VUIͰ͔ΜͨΜʹରԠՄೳ wϢʔβʔΛϦϯΫ͢Δ͜ͱՄೳ 25
Slide 26
Slide 26 text
26 ಋೖσϞ D E M O
Slide 27
Slide 27 text
%FNP"SDIJUFDUVSF 27 iOS App Web App SDK SDK Auth0 Connections LIFF App SDK
Slide 28
Slide 28 text
'PSJ04 28 iOS App Web App SDK SDK Auth0 Connections LIFF App SDK
Slide 29
Slide 29 text
'PS-*''"QQ 29 iOS App Web App SDK SDK Auth0 Connections LIFF App SDK
Slide 30
Slide 30 text
'PS8FC"QQ 30 iOS App Web App SDK SDK Auth0 Connections LIFF App SDK
Slide 31
Slide 31 text
-*/&-PHJOͷ׆༻ࣄྫ 31
Slide 32
Slide 32 text
Mobile Order Walkthrough དྷళલʹεϚϗͰυϦϯΫΛจɺ ͪ࣌ؒͳ͠Ͱ͙͢ʹड͚औΓɻ ཉ͍͠Λࣗ༝ʹखʹऔΓɺ ୀళ͢ΔͱϨδϨεͰࣗಈܾࡁɻ Services
Slide 33
Slide 33 text
LINE Login LINE Pay Messaging API ιʔγϟϧϩάΠϯ ͷܾࡁ νϟοτϘοτจ
Slide 34
Slide 34 text
5*14 34
Slide 35
Slide 35 text
-*/&ͷೝՄΛճͰࡁ·͍ͤͨ w-*''ͷ4DPQFΛར༻͢Δ w"VUIͷ-*/&$POOFDUJPOʹಉ͡$IBOOFM*% $IBOOFM4FDSFUΛઃఆ͢Δ͜ͱͰ"VUI͔ΒͷೝՄ͕ ෆཁʹͳΔ w"VUIͷϩάΠϯϦΫΤετ࣌ʹ$POOFDUJPOΛࢦఆ ͢Δ͜ͱͰϩάΠϯը໘ΛεΩοϓͰ͖Δ 35
Slide 36
Slide 36 text
36 Logged In! Auth0 (Auto Redirect) LIFF APP
Slide 37
Slide 37 text
CPU@QSPNQUΛՃ͍ͨ͠ w8FC"QQͰϩάΠϯ͢Δࡍʹɺಉ࣌ʹ༑ͩͪՃೝՄ ͯ͠Β͍͍ͨ w-*/&-PHJOͰCPU@QSPNQUύϥϝʔλΛ༩͢Δ͜ͱ ͰೝՄʹՃ͑Δ͜ͱ͕Մೳ w"VUI.BOBHFNFOU"1*ͷ6QEBUF$POOFDUJPOΛ͏ ͜ͱͰ"VUIPSJ[BUJPO3FRVFTUͷύϥϝʔλΛՃ͢ Δ͜ͱ͕Մೳ 37
Slide 38
Slide 38 text
Logged In! LINE Login࣌ʹ ༑ͩͪՃ ߦ͍͍ͨ
Slide 39
Slide 39 text
$ curl -XPATCH -H "Authorization: Bearer $TOKEN" -d {"options":{ "client_id":"xxx", "client_secret":"xxx", "upstream_params":{ "bot_prompt":{ “value":"Normal"} } }} "https://{tenant}.auth0.com/api/v2/connections/{con_id}"
Slide 40
Slide 40 text
https://access.line.me/oauth2/v2.1/authorize ?client_id=YOUR_CLIENT_ID &response_type=code &redirect_uri=https://YOUR_APP/callback &scope=openid &bot_prompt=Normal
Slide 41
Slide 41 text
·ͱΊ 41 S U M M A R Y
Slide 42
Slide 42 text
·ͱΊ w-*/&-PHJOͰϢʔβʔͷγʔϜϨεͳೝূମݧΛఏڙ w-*/&-PHJOͰิ͍͖Εͳ͍ೝূମݧΛ"VUIͰิڧ wࡉ͔ͳઃఆͰೝূମݧΛվળͰ͖Δ w͔ΜͨΜʹಋೖͰ͖ΔͷͰɺ·ͣࢼͯ͠ΈΑ͏ʂ 42