문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.
앱 id : 1027085
현재 프론트와 백 도메인을 분리하여 aws에 배포하여 사용하고 있습니다.
도메인과 redirect uri 설정에서 문제를 겪고 있는데 두개 값 모두 aws 백 도메인 서버 값으로 입력하면 될까요?
해당 값 입력 후 카카오 로그인 시 카카오 동의하기 화면은 나오는데 동의하여 로그인하면 ?? ??? ???. 값이 나오면서 400 Bad request 값이 돌아옵니다ㅠ yml 파일 설정에서는 redirect uri 값을 “{baseUrl}/{action}/oauth2/code/{registrationId}” 로 설정해놓았습니다
(1) 크롬 개발자 모드 네트워크 탭에서 어떻게 URL 진행되는지 확인해주세요.
(2) 카카오 로그인 시, 동의화면 이후 aws로 redirect가 잘되었는지 로그 확인해주세요.
동의하고 계속하기 버튼을 누르면 ?? ??? ???. 다음과 같이 뜨는 페이지가 뜹니다.
개발자 모드 네트워크에서는
GET http://{백엔드주소}:8080/login/oauth2/code/kakao?code={코드 값} 400 (Bad Request)
위와 같은 메세지가 발생합니다.
해당에러는 운영하시는 사이트에서 발생하는 에러입니다.
서버에서 발생한 에러 body 상세 메시지 확인 부탁드려요.
혹시 그럼 프론트와 백을 나누어서 도메인 작업했을 때 redirect uri와 사이트 도메인 uri를 어떤 도메인으로 설정해야하는지 알 수 있을까요??
예를들어
https://front.com/login 프론트 로그인 페이지에서 카카오 로그인 버튼을 클릭하고
kauth.kakao.com 으로 authorize 할때 redirect uri 를
https://backend.com/redirect_uri 백엔드 리다이렉트 URI로 설정하여
해당 URL에서 인가코드로 액세스 토큰 발급받고 회원가입 또는 로그인 처리 한다고 했을때
카카오 로그인 및 동의창 동의 이후 액세스 토큰 발급받고 회원가입 또는 로그인 처리 하는 URI 를 설정하시면됩니다.
https://developers.kakao.com/docs/latest/ko/kakaologin/common#intro-login-process