공부용

카카오 SNS 로그인 개발하기 - 1 본문

공부용/리액트

카카오 SNS 로그인 개발하기 - 1

고딕짱! 2022. 10. 1. 12:59

1. https://developers.kakao.com/ 접속한다.

 

2. 계정이 없으면 새로 만들고, 계정이 있으면 상단에 내 애플리케이션을 누른다

3. 애플리케이션 추가하기를 누른다.

4. 애플리케이션 이름과 회사명 필수조건 체크를 한다.

앱 이름은 로그인을 처음 눌렀을때, {앱 이름} 에 로그인하시겠습니까? 나오게 하는 이름이다.

 

5. 사용자 정보를 가져오기 위해서는 id_token이 필요한데 이 id_token을 가져오기 위해서는 로그인 하였을때 제공해주는 1회성 code값을 필요로 합니다.

 

6. 좌측 메뉴에서 동의항목으로 이메일 설정을 합니다.

선택동의로 하게하였다. 카카오에 추가정보를 적으면 필수동의로 할 수 있다.

 

 

7. 보안에서 id_token을 가져오기 위한 Client Secret을 생성한다.

생성 후 활성화 상태를 사용으로 한다. Client Secret은 노출하면 안된다!

 

8. 좌측 메뉴에서 플랫폼에서 Web Platform 등록을 하여, 기본 도메인을 설정한다.

 

9. 좌측 메뉴에서 카카오 로그인을 누르고, Redirct URI을 설정한다.

Redirct URI는 로그인성공을 하였을떄 code를 받을 수 있는 callback page이다.

콜백페이지

 

Comments