카카오 소셜 로그아웃 URL https://kauth.kakao.com/oauth/logout?%20%20%20%20

 

 

신나게 소셜 로그인을 구현한 후,

자체 서비스 로그아웃 처리가 아닌 소셜 로그아웃 처리을 해야함의 필요성을 느낀 후 

친절한 kakao developers REST API 사용설명서를 읽어내려갔다. 

 

 

카카오계정과 함께 로그아웃

카카오계정과 함께 로그아웃은 웹 브라우저에 로그인된 카카오계정의 세션을 만료시키고, 서비스에서도 로그아웃 처리할 때 사용하는 로그아웃 추가 기능입니다. 카카오계정과 함께 로그아웃 기능의 설명과 동작에 대한 자세한 내용은 
이해하기, 설정 방법은 설정하기를 각각 참고합니다.

 

 

내가 원하던게 바로 이거구나 생각하고

비교적 간단해보이는 아래 설명법을 토대로 예쁘게 코드를 써내려갔는데 .... 

 

 

잘못된 요청이라는 오류메시지와

콘솔창에는 Bad Request 라는 400 에러가 ... 

 

도대체 뭐가 잘못된걸까 하라는대로 다 했는데 .. 라는 생각을 하며

이리저리 구글링해보고 요리조리 살펴본결과

URL에 %20%20%20%20 이라는 내가 넣지도않은 문자들이 들어가있는것을 발견할 수 있었다.

 

 

저게 무엇인가 뒤늦게서야 찾아보니 바로 

스페이스 공백때문에 들어간 문자열이었던 것.

 

 

const KAKAO_LOGOUT_LEDERECT_URL = `https://kauth.kakao.com/oauth/logout?
client_id=${process.env.REACT_APP_KAKAO_API_KEY}
&logout_redirect_uri=${process.env.REACT_APP_KAKAO_LOGOUT_URI}`

 

위와 같이 되어있던 것을 

 

 

const KAKAO_LOGOUT_LEDERECT_URL = `https://kauth.kakao.com/oauth/logout?client_id=${process.env.REACT_APP_KAKAO_API_KEY}&logout_redirect_uri=${process.env.REACT_APP_KAKAO_LOGOUT_URI}`

이렇게 한줄로 바꾸니 .. 

 

 

 

너무너무 잘 들어가지는 것을 확인할 수 있었다.

감동 .. 

변수에 URL을 지정할때엔 스페이스공백이 들어가지않도록 유의하자 !