카카오 로그인 구현 KOE101에러 해결( 앱키 문제 아니였음 )



다들 카카오 로그인을 쉽게쉽게 구현하는데 

나는 유난히 고생했다.

그 이유는 블로그 주도 개발 때문이였다 .(에휴)

공식문서 읽기를 생활화 해야겠다.

 

환경

나는 passport를 사용하여 rest api 로 카카오 로그인을 구현했고

이에 맞게 rest api 키를 잘 넣어서 구현했다.

 

원인

어디서 근본없는 redirect url을 주워와서 생긴 문제였다. 

const redirectUrl = `https://accounts.kakao.com/login/?continue=https://kauth.kakao.com/oauth/authorize?scope=account_email&response_type=code&redirect_uri=${callbackUrl}&through_account=true&client_id=${clinetId}#login`;

 

카카오 공식문서에서 아주 이쁘게 인가 코드 받기로 잘 나와 있다 .

https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api

GET /oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code HTTP/1.1
Host: kauth.kakao.com

 

나도 아래와 같이 바꾸고 카카오 로그인을 성공했다. 

const redirectUrl = `https://kauth.kakao.com/oauth/authorize?client_id=${clientId}&redirect_uri=${callbackUrl}&response_type=code `;