카카오 로그인 구현(2)

카카오 공식 문서 : https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#request-code-sample

 

kakao developer에서 발급받은 REST API Key 사용

 

사용자가 카카오 로그인 버튼 클릭 -> 정보 제공 동의 화면 팝업

login.html

https://kauth.kakao.com/oauth/authorize?client_id={본인의 REST API키}&redirect_uri=http://localhost:8080/user/kakao/callback&response_type=code

// 버튼 클릭시 카카오 로그인 요청
<button id="login-kakao-btn" onclick="location.href='https://kauth.kakao.com/oauth/authorize?client_id=6255e560f6f50cf67a46c7a22eb09227&redirect_uri=http://localhost:8080/user/kakao/callback&response_type=code'">

사용자가 카카오 로그인 페이지를 통해 '동의하고 계속하기'를 클릭하면, 미리 설정해둔 Redirect URI (callback) 로 인가토큰이 전달 됩니다.

 

-> controller로 토큰 받는 코드 구현

// 카카오 로그인 요청 처리 후 콜백 처리
    @GetMapping("/user/kakao/callback")
    public String kakaoLogin(String code) {
        // authorizedCode: 카카오 서버로부터 받은 인가 코드
        System.out.println(code);
        userService.kakaoLogin(code);  // 받은 토큰을 가지고 서비스 로직 실행

        return "redirect:/";
    }