OAuth2 적용하기
전체적인 흐름
프론트에서 SNS로그인 버튼 클릭
백엔드에 요청보냄(현재 페이지주소 포함한 리다이렉트 url 같이 전송) -> sns로그인용 링크 전달 받기
프론트에서 해당 링크로 이동(현재탭에서 이동됨)
sns로그인 -> 권한 동의 -> 회원가입 or 로그인 완료
프로바이더가 백엔드에 미리 설정해둔 callback url로 유저정보 반환
백엔드에서는 유저정보 처리 후 JWT토큰 및 기타 유저정보를 프론트가 처음에 보낸 redirectURL로 반환
프론트에서는 JWT를 받을 수 있는 링크 열어두고 해당 유저정보 및 jwt토큰을 로컬스토리지에 저장
백엔드에 요청보낼 때 Authroization Bearer {jwt토큰} 헤더에 넣어서 요청하기
구글클라우드
구글 클라우드 플래폼 페이지 접속
새프로젝트 생성
OAuth 동의화면 이동 -> 외부 선택 -> 만들기
앱필수정보 입력
앱이름, 사용자 지원 이메일, 이메일주소
범위에 이메일,프로필,openid 추가 및 만들기
OAuth 클라이언트 ID 클릭
적당한 이름으로 만들기
지정할 콜백url 만들기 예시프로젝트에서는 http://localhost:8080/auth/oauth2/callback/google 이렇게 지정함
필요한것
클라이언트 ID
클라이언트 보안 비밀번호
네이버
openapi 신청하기
- 회원이름, 이메일주소 등 추가
필요한것
클라이언트ID
클라이언트시크릿
Last updated