소셜로그인 with 구글,카카오,네이버 오뜨 2.0

구글

 

1. 구글 플랫폼에 접속한다.

https://console.cloud.google.com

Google 클라우드 플랫폼

 

 

 

2. 구글 플랫폼에 새프로젝트 생성하고 플젝 이름 입력한다.

 

만들고 나면 

3. 동의 화면 구성 -> 외부 유저 타입 만들기

 

정확한 단계는 모르지만, 내 추측은 이게 우리가 구글 로그인 버튼을 딱 누르면 뭐~ 어떤 어플에서 님 정보에 접근중인데 동의할꺼에용?  
이거 물어보는 화면 같다.

만들기 누르면

 

 

4.OAuth 동의 화면 앱 이름, 사용자 이메일, 개발자 연락 입력하고 저장 후 누른다

5. 범위 추가 또는 삭제에서 email, profile, openid 체크 후 저장 후 계속 눌러준다.

이부분은 어떤 정보까지 유저한테 동의를 구해서 앱측으로 보내줄 지 정하는 부분이다.

 

여까지 하면 OAuth설정은 끝

 

이제 다시

 

일로온다

 

아묻따 클릭

클라이언트 이름이랑

밑에 리다이렉트 uri에 각자 리다이렉팅 시켜아할 주소를 적고

넘어가면 끝난다.

 

그럼 클라이언트 아이디와 비밀번호가 나오는데, 지금까지 한 과정이

클라이언트를 resource server에 등록한 것이다.

 

카카오

이동부터한다

https://developers.kakao.com

Kakao Developers

1. 내 애플리케이션 누르고

2.앱이름 사업자명 적고 만들기를 클릭한다.

 

3. 사진 대체

여기서 Rest API 키 복사해서 따로 저장해두고

 

 

 

필요한 것들 싹 다 동의시킨다.

 

그럼 사용자한테 이런 화면이 날아가는 것이다.

 

4. 밑에 활성화 설정에 ON으로 활성화 시키고

코드 생성하고

 

활성 상태 사용으로 바꿔준다.

 

그리고 다시 이리 와서 리다이렉트 URI적어주면 된다.

네이버

https://developers.naver.com/main/

NAVER Developers

역시 이동부터하자

 

그럼 애플리케이션 목록, 등록이 있는데(캡쳐가 불가능하다)

요거 신청한다.

 

그리고 리다이렉션 url 적는 창이 나오는데 적어주면

 

요러케뜬다 

client id, secret 둘다 잘 보관해두자! 
끝

 

좀 더 자세하게 백엔드서버에서 내용까지 추가해서 다루고 싶었는데, 나 혼자만의 프로젝트가 아니라서 좀만 더 고민해봐야겠따