카카오톡 가입 방법, 로그인 로그아웃

카카오톡 가입 방법, 로그인 로그아웃

로직은 단순하게 1. 사용자가 localhost8080loginpage로 이동 2. controller가 yml에서 clientid와 redirecturi값을 가져옴 3. thymleaf에서 가져왔다 값과 맞게 버튼 url을 지정 4. 버튼을 누르시면 httpskauth.kakao.comoauthauthorize?responsetypecodeclientidRESTAPIKEYredirecturiREDIRECTURI 위 링크에서 RESTAPIKEY와, REDIRECTURI에 맞는 값이 들어가서 링크를 타고 들어가면, 카카오 로그인 페이지로 Redirect됩니다.


imgCaption0
kakao developers에 앱 등록하기

kakao developers에 앱 등록하기

kakao developers에 로그인 우측 상단 내 애플리케이션 선택 애플리케이션 추가하기 앱을 생성하면 API를 사용하는데 쓰는 키를 확인 할 있습니다. 그리고 카카오 로그인 시 추가적으로 제공되는 정보에 동의하도록 하는 부분입니다. 우리 서비스에서는 성별과 연령대도 함께 얻어오기 위해서 선택 동의로 넣었습니다. 이메일은 필수 항목으로 추가했다. 아래는 예시를 들고온 건데, 아래와 같이 선택 사항으로 소비자 추가 정보 이용에 동의하도록 합니다.

이러면 토큰을 통해 소비자 정보를 가져올 때, 선택 사항에 동의한 항목들도 함께 받을 있습니다. 그리고 카카오에서는 추가적인 보안 사항으로 Client Secret 설정을 권장하는데, 카카오 로그인 보안에서 설정합니다.

인가코드는 FE 서버에서 받아오도록 처리해야합니다. 2번에서 이어서 설명

httpskauth.kakao.comoauthauthorize?clientid앱 REST API키redirecturi인가코드를 전달받을 URIresponsetypecode 위와 같이 요청하면, 카카오 페이지가 나오고 정상 로그인이 되었을 때, redirecturi로 페이지가 이동하면서 redirecturi의 쿼리스트링으로 인가코드cod가 날아옵니다. content type은 카카오에서 applicationxwwwformurlencoded 받기 때문에 다른 처리가 필요합니다.

응답 규격은 위 링크를 확인합니다. 응답 규격은 위의 링크에서 확인할 있습니다.

applicationoauth.yaml

하지만 카카오의 경우, 내제된 데이터가 없기 때문에 작성 내용이 더 필요합니다. 위에 작성된 yaml 파일을 참고할 것 clientid, clientpassword 각 서비스구글, 카카오. 에서 제공되는 키 redirecturi 각 서비스에 입력했던 Redirect URI 를 입력해줍니다.

자주 묻는 질문

kakao developers에 앱

kakao developers에 로그인 우측 상단 내 애플리케이션 선택 애플리케이션 추가하기 앱을 생성하면 API를 사용하는데 쓰는 키를 확인 할 있습니다. 궁금한 사항은 본문을 참고하시기 바랍니다.

인가코드는 FE 서버에서 받아오도록 처리해야합니다. 2번에서 이어서

httpskauth 궁금한 내용은 본문을 참고하시기 바랍니다.

하지만 카카오의 경우, 내제된 데이터가 없기 때문에 작성 내용이 더 필요합니다. 궁금한 사항은 본문을 참고하시기 바랍니다.