Rest API방식으로 카카오로그인을 연동을 하려고 합니다. 포스트맨으로 인가코드받기 url로 테스트해보니 html string으로 return값이 오는데, 이 html을 보여주고 고객님이 동의하고 인증하게 되면 저희 서버로 다시 authorized code를 리턴하게 되면 그 이후에 엑세스 토큰을 받으러 가면 되는건지 확인하려고 합니다.
안녕하세요~
실제 구현 시,
인가코드 받기 요청을 하시면
카카오측 동의와 로그인 후, 설정한 페이지로 리다이렉트 됩니다.
해당 페이지에서 토큰 조회 하신 후,
프로필 조회등 API 사용하시면 됩니다~
안녕하세요~
인가코드받기 요청을 했고, 리턴값이 string형태의 html소스인데 해당 소스를 화면에 뿌려주면 되는건지 문의드립니다.
테스트시 해당 소스가 제대로 보여지지도 않는데 이 부분도 문의드립니다.
수고하세요~
인가코드받기 요청은 리다이렉트 URL 로 페이지 이동이됩니다.
리턴값을 뿌리는게 아니라 이런식인 거죠.
- 로그인페이지의 로그인 버튼에서 “https://kauth.kakao.com/oauth/authorize” 카카오측 호출
- 카카오측에서 권한 동의와 로그인 처리
- 리다이렉트 페이지로 돌아감
(포스트맨으로 테스트 하셔서 확인 안되시겠지만, 카카오에서 리다이렉트 처리 되므로 따로 해줄건 없습니다. html을 화면에 뿌리는 방식이 아닙니다.) - 되돌아간 리다이렉트 페이지에서 토큰 조회
아 그러면 해당 url 웹뷰형태로 띄우고 권한동의한 후에 리디렉션url로 돌아오는 형태가 맞는건가요?
테스트를 해보려면 프런트에서 작업을 한 후에 해보는게 맞는건가요??
많은질문 이해부탁드립니다~
음… 우선 정확한 가이드를 위해
개발하시려는 환경이 어떻게 되는지 설명해주시겠어요?
ex)
- android( rest api )
- react + node.js( rest api )
프런트는 react + node.js( rest api )입니다
혹시 테스트 진행시 localhost로 가능할까요? 리디렉션url을 local로 해도 가능할까요?
넵, "내 애플리케이션>앱 설정>플랫폼 : 사이트 도메인"에 http://localhost 추가하시고 리다이렉트 url local로 사용하시면됩니다.
이런식으로 하시면 될듯해요.
- react - 로그인 버튼 ( “https://kauth.kakao.com/oauth/authorize” 링크)
- 리다이렉트 url을 node.js 컨트롤러로 설정하면 동의 및 로그인 후 API 호출 받아 토큰조회
또는
리다이렉트 url을 react 경로로 설정하면 해당 컴포넌트에서 토큰조회
네 감사합니다!!