OAuth2 연동을 위한 카카오, 구글, 페이스북, 네이버, 깃허브 클라이언트 ID 및 암호키 발급 방법 정리

2020년 09월 01일 (1년 전)
우리나라에서 가장 대표적인 플랫폼인 카카오, 구글, 페이스북, 네이버 외 깃허브에 대한 클라이언트 ID, 암호키 발급 방법을 정리해보려고 한다.

카카오

카카오 개발자 페이지로 이동

1. 애플리케이션 추가

내 앱>애플리케이션 추가에 해당 화면에서 앱 이름, 회사 이름을 간단히 입력하여 저장 image

2. 플랫폼 등록

플랫폼 카테고리>웹 플랫폼 등록에서 사이트 도메인 입력 후 저장 image

3. 카카오 로그인 활성화

카카오 로그인 카테고리 이동 후 카카오 로그인 활성화 버튼 클릭 image

4. 카카오 로그인 리다이렉션 설정

image

5. OAuth 인증 정보 확인

앱 설정>요약 정보에서 REST API키가 클라이언트 ID이다. image

제품 설정>카카오 로그인>보안에서 암호키를 확인할 수 있다. image

구글

구글 API 페이지로 이동

1. 새 프로젝트 생성

프로젝트 이름을 입력 후 만들기 클릭 image

2. 동의화면 만들기

image

3. 동의화면 작성

애플리케이션 이름, 지원 이메일을 작성 후 최하단 작성 버튼 클릭 image

4. 클라이언트 ID 생성으로 이동

사용자 인증 정보 만들기>OAuth 클라이언트 ID 선택 image

5. 클라이언트 ID 생성

유형을 웹 애플리케이션 선택 후 자유롭게 이름을 입력해주고, 승인된 자바스크립트 출처 입력.

image

6. OAuth 인증 정보 확인

OAuth2 인증을 위한 클라이언트 ID, 보안 비밀번호 확인 image

페이스북

페이스북 개발자 페이지로 이동

1. 앱 생성

내 앱 > 새 앱 추가에서 기타를 선택 image

앱 이름, 연락처 작성 후 앱 ID 만들기 버튼 클릭 image

2. Facebook 로그인 설정

사이드바 제품 카테고리에서 Facebook 로그인 설정을 선택.

페이스북에서는 개발 중 localhost에 대한 리디렉션을 기본으로 지원하니 유효한 OAuth 리디렉션 URI는 설정 안해주어도 됨 image

3. OAuth 인증 정보 확인

OAuth2 인증을 위한 앱 ID, 앱 시크릿 코드(보기 클릭)를 확인 image

네이버

네이버 개발자 페이지로 이동

1. Application 등록

내 앱>Application 등록 이동 시 해당 화면으로 이동하여 앱 이름을 입력해주고, 사용 API는 네아로(네이버 아이디로 로그인) 선택 후 서비스 URL 및 Callback URL 작성 후 등록하기 버튼 클릭 image

2. OAuth 인증 정보 확인

image

깃허브

깃허브 설정 페이지로 이동

1. 애플리케이션 생성

OAuth Apps>Register a new application을 클릭 image

필요 정보를 입력 후 생성 image

2. OAuth 인증 정보 확인

image

이렇게 카카오, 구글, 페이스북, 네이버, 깃허브의 앱ID(클라이언트ID), 암호키(SECRETKEY)가 준비되었다. 이제 이 정보들을 가지고 코드를 구현해보려고 한다.