카카오 로그인을 javascript sdk 통하여 구현하였는데,
동의항목이 현재 2번 노출되어버립니다.
그리고 로그인 구현은 완료하였는데,
기존 카카오 싱크도 사용하고 있는 사이트라 동의하기 후 계속하기 시
로그인인증만 되고 가입 처리는 기존과 다르게 적용되지 않더라구요
혹시 2번 노출되는현상에 대해 아시는 것이 있는지 확인 부탁드립니다.
앱아이디 : 386162
안녕하세요.
로그인창이 두번뜨는 문제는 지금까지 리포팅된적이 없으므로 제공하시는 서비스 구현상 문제로 추측됩니다.
재현 가능한 URL알려주시면 추가 확인 해보도록 하겠습니다.
감사합니다.
안녕하세요, 현재 정식 서비스에는 rest api spring boot oauth로 구현된 카카오 로그인을 서비스 적용중입니다.
rest api로만 구현했을 경우 저희 하이브리드 앱에서 카카오톡으로 간편 로그인 서비스 적용이 불가능하다는 이슈를 전달받아
javascript sdk와 restpai를 spring boot oauth로 변경하여 구현을 진행하는 중인데요.
현재는 로컬 및 개발서버에서만 적용하여 구현한 상태로, 카카오 가입을 하게 될 경우 나타나서 해당 현상 공유드립니다.
1.회원가입 페이지 진입
2.페이지 진입 후 아이디 패스워드로 카카오 로그인
3.동의하기 페이지 진입
해당 페이지에서 발생한 url
https://kauth.kakao.com/oauth/authorize?is_popup=false&ka=sdk%2F1.43.0%20os%2Fjavascript%20sdk_type%2Fjavascript%20lang%2Fko-KR%20device%2FWin32%20origin%2Fhttps%3A%2F%2Flocalmo.ableshop.kr%3A8550&auth_tran_id=zwadjgy1me0e02381dad2adee0ccbcd05d0ff72cbal7shfux8&response_type=code&state=KakaoJSMemberJoin&redirect_uri=https%3A%2F%2Flocalmo.ableshop.kr%3A8550%2Flogin%2Foauth2%2Fcode%2Fkakao&through_account=true&client_id=0e02381dad2adee0ccbcd05d0ff72cba
4.동의하고 계속하기를 했더니 한번 더 발생
발생한 코드 url 정보
https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=548fcad05e331d17407b668ff3021a07&scope=profile%20account_email%20account_ci%20name%20gender%20birthday%20birthyear%20phone_number&state=f8-3MCWsLR8AwbEMZlKLxFnPiMtt7kM6M41vx-jxjuA%3D&redirect_uri=https://localmo.ableshop.kr:8550/login/oauth2/code/kakao
무엇이 잘못되었는지 확인할 수 있으면 좋겠습니다. 감사합니다.
spring boot oauth client를 사용하신다면
인가요청 부터 토큰발급까지 해당 모듈에서 처리하는데요.
Spring에서 카카오 로그인 사용하기 - Spring Security 5, OAuth 2 - deprecated 대응 2023년 6월 27일
첫번째 인가요청은 JS SDK로 직접 구현하신듯하고
두번째 인가요청은 REST-API방식으로 요청한 것으로 보입니다.
이는 구현상의 문제로
카카오 로그인 이후, 로그인이 필요한 페이지로 리다이렉트되어 spring boot oauth client에서 로그인 처리하는 것아닌지 확인해보시면 좋을 것같습니다.
안녕하세요. 답변 감사합니다.
추가로 문의사항이 있는데요.
spring oauth 스팩으로 login을 rest api로 구현했을 경우, 무조건 rest api 기반으로 인가요청을 진행해야 그 후 토큰 처리나 사용자 정보 조회를 통한 로그인 구현이 가능한가요?
아니면 js sdk를 사용할경우, 인가 요청 후 302 redirect가 이미 진행이 되었기 때문에, spring oauth 스팩으로 구현하는게 아닌, controller 단에서 redirect된 code와 state 정보를 기반으로 별도로 토큰 발급 요청 및 사용자 정보 조회 하여 로그인을 구현해야 하나요?
지금 카카오 앱 간편 로그인이 앱에서는 rest api 방식으로는 구현이 되지 않아, js sdk 기반으로 변환하여 구현을 진행해야 하는 상황인데요.
위 rest api와 혼합하여 js sdk로 스프링 oauth 로그인 구현하는게 불가능 하다면, 개발 방향을 빠르게 바꿔야 하기 때문에 조언을 부탁드리겠습니다.
감사합니다.
아쉽지만, 직접 구현 하셔야 합니다.
redirect_uri를 처리할 수 있는 Controller나 AuthenticationProvider를 구현하여 처리하시면 좋을 것 같습니다.