xecon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 laravel...

45

Upload: xpressengine

Post on 08-Jan-2017

374 views

Category:

Software


5 download

TRANSCRIPT

Page 1: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용
Page 2: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

An open protocol to allow secure authorization in a simple and standard method from web, mobile and desktop applications.

from http://oauth.net/

OAuth

Page 3: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

OAuth

Client(Application)

UserNAVER

(Provider)

서비스

제공을

위한

권한

요청 접

근토큰을

통한

자원접근

ID/PW를 통한 인증

Page 4: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

OAuth와 소셜로그인

Page 5: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법(정보통신망법,개인정보보호법) 대응

소셜로그인의 장점

Page 6: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

회원 가입

실명인증 / 휴대폰인증 / 아이핀인증 / 이메일인증

아이디 중복 검사

회원정보입력

가입완료 / 로그인

비밀번호설정

Page 7: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

회원 가입

소셜로그인(네이버/페이스북/구글/…)

가입완료 / 로그인

중복가입체크

Page 8: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

Page 9: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

(H 사의 사례)

Page 10: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

(T 사의 사례)

Page 11: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

(R 사의 사례)

Page 12: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법 대응

소셜로그인의 장점

Page 13: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

⌾ 개발의 편의

⌾ 사용자의 서비스 이용 편의

⌾ 신규 회원 유입 증대

⌾ 소셜 서비스와의 연계

⌾ 국내법(정보통신망법,개인정보보호법) 대응

소셜로그인의 장점

정보통신망법

기타 관련법률

개인정보보호법

지켜야할 것이 너무 많다

Page 14: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

소셜로그인 적용 전략

Page 15: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

소셜로그인 적용 전략

서비스 환경 (모바일/PC)

개발 편의성

제공 정보 / 오픈API

서비스 대상 연령층

소셜 기능

Page 16: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

네이버 아이디로 로그인

https://nid.naver.com/user2/campaign/introNaverIdLogin.nhn

Page 17: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

네이버 아이디로 로그인

Page 18: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

XECON2015

네이버 아이디로 로그인

Page 19: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Laravel 적용

Page 20: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

OAuth

Page 21: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

OAuth

OAuth는 OpenAPI로 개발된 표준 인증 방식으로,각종 애플리케이션에서 사용자 인증을 거칠때 활용될 수 있다.

ko.wikipedia.org/wiki/OAuth

Page 22: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

OAuth

OAuth 1.0

OAuth 2.0

Page 23: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

OAuthOAuth 1.0

이미지출처 : oauthbible.com

a

Page 24: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

OAuthOAuth 2.0

이미지출처 : tutorials.jenkov.com/oauth2/overview.html

Page 25: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite

Page 26: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

“Laravel wrapper around OAuth 1 & OAuth 2 libraries.”

Page 27: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite

Page 28: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite

Laravel

Socialite(Socialite Contracts Provider)

Social Login(Facebook, Twitter, …)

League/Oauth1 Guzzle

Page 29: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite

| Github

| Facebook

| Google

| LinkedIn

| Bitbucket

| Twitter

Page 30: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite

Laravel

Socialite(Socialite Contracts Provider)

Social Login(Facebook, Twitter, …)

League/Oauth1 Guzzle

Page 31: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

저걸 언제 만들어..

Page 32: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용
Page 33: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite Providers

SocialiteProviders is a collection of OAuth 1 & 2 packages that

extend Laravel Socialite.

The Observer Pattern is used by the Manager package to extend

Socialite. This allows numerous providers to be used in addition

to the ones provided by Laravel Socialite (they can be overridden

easily). Only the providers that you add to the listeners array will

be used.

Page 34: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialite Providers

소셜 로그인 확장팩!

Page 35: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

총 84개

2015년 11월 14일 기준

Page 36: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

앞으로도 계속 추가 예정..

2015년 11월 14일 기준

Page 37: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용
Page 38: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용
Page 39: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Socialitewith Login

Page 40: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

github.com/wan2land/laravel-naver-login-example

Naver Login

Page 41: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Naver Login

nid.naver.com/devcenter/main.nhn

Page 42: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용
Page 43: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

실습

naverlogin.dev

Page 44: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Q & A ?

Page 45: XECon2015 :: [3-3] 김찬희 & 전창완- 네이버 아이디 로그인 소개 및 Laravel 적용

Thank you.