Vue.js 카카오 로그인 API 적용 1 (kakao Developers 설정)

Kakao 로그인 API를 사용하려면 기본적인 설정이 필요한데 설정하는 부분을 정리해보려고한다.

1. kakao developer 로그인후 내 어플리케이션 생성

https://developers.kakao.com/

Kakao Developers

2. 플랫폼 도메인 등록 

왼쪽 메뉴 탭에서 플랫폼탭

 local에서 테스트해볼거기때문에 localhost:8000 (본인이 설정한 도메인주소)로 등록

 

 

3. 앱키 확인

앱키 확인 api키를 적용시켜줘야 사용가능하기때문에 알아두면된다.

 

 

4-1카카오 로그인 활성화

OpenID Connect활성화하면 토큰을 받을수도있고한데 일단 카카오톡 로그인창부터 띄우는거부터 할거니 활성화만 시켜준다.

 

 

4-2 Redirect URI 설정

카카오 로그인을하려면 redirect URI를 설정해줘야한다. 해주지않으면 에러가 난다.