[Springboot] 카카오API로그인(DB insert) + springboot+Mybatis

사전 작업

1. 애플리케이션 등록

주소 : https://developers.kakao.com/console/app

에서 카카오 애플리케이션 등록을 한다

 

1-1) 카카오 로그인 활성화 (필수❗) → off 상태면 시작도 안됌..

 

1-2) Redirect URI 설정

이 주소는 컨트롤러에서 맵핑하는 주소를 꼭 써야한다. ( 무조건‼‼)

 

1-3) 동의항목 설정

본인이 카카오 로그인시 가져올 정보를 선택하는 곳이다. 저는 테스트 용으로 한거라

아주 간단한 정보만 가져올수있고, 심사를 통해서 통과해야지 카카오에 등록된, 여러정보를 가져 올 수 있습니다…

 

1-4) 플랫폼 등록

플랫폼 등록을 해줍니다. 웹 도메인은 기본 로컬 주소를 등록 해줍니다.

이제 진짜 코드로 넘어가 보겠습니다.

#2 TEST

💡 스프링부트 카카오톡 로그인 기본적인 동작 구조

 

폼 요청 → 컨트롤러 응답→ 서비스 확인

서비스 확인후 return → 컨트롤러 다시 응답 → 폼 확인

카카오톡을 빗대어 설명하면 폼에 등록한 주소에서 카카오톡 code 및 token을 요청하고

컨트롤러에서 응답을 받고, 서비스에서 응답을 하기위한 코드를 작성하고 코드에 부합하면

code 및 token을 부여하여, 사이트에 로그인을 시키는 구조 이다.

(틀린게 있으면 지적 부탁 드립니다..!)

 

2-1) 폼

카카오톡 로고 이미지는 카카오 디벨로퍼에서 무료로 가져올 수 있습니다.

카카오 Developer : Kakao Developers

이 홈페이지에 들어가면 현 카카오 개발자 님들이 댓글 달시 답변도 해주고 정말 좋습니다

에러 관련 내용도 많기 때문에 찾아보면서 하면 좋습니다.

2-2) 컨트롤러

@Controller
@RequestMapping("/login")
public class LoginController {

   @Autowired
   UserGaipService uservice;
   @Autowired
   CompanyGaipService cservice;
   @Autowired
   SocialService socialService;
   @GetMapping("/kakao")
   public String kakaoLogin(@RequestParam(value = "code", required = false) String code,HttpSession httpSession, UserGaipDto userGaipDto) {
      String access_Token = socialService.getAccessToekn(code);

      HashMap<String, Object> userInfo = socialService.getUserInfo(access_Token);
      System.out.println("userInfo==== "+userInfo); //userInfo==== {kakao_id=121201221, kakao_nickname="진현규" 떠야함}

      String nickname = (String)userInfo.get("kakao_nickname");
      String id = (String) userInfo.get("kakao_id");

      Map<String, Integer> map = new HashMap<>();

      int k = socialService.getSearchKakaoId(id);
      map.put("count", k);
      System.out.println(k);

      if(k==1) {
         httpSession.setAttribute("user_name",nickname);
         httpSession.setAttribute("myid",id);
         httpSession.setAttribute("access_Token", access_Token);
         //DB에 아이디가 존재하면 바로 로그인
         //추가 로직을 짜야함.
      }
      if(k==0) {
         //DB에 아이다가 존재하지 않으면 회원가입 시킴.
         //회원가입 축하 폼으로 넘겨야함 원래는
         httpSession.setAttribute("user_name",nickname);
         httpSession.setAttribute("myid",id);
         httpSession.setAttribute("access_Token", access_Token);

         userGaipDto.setUser_name(nickname);
         userGaipDto.setUser_email(id);
         socialService.kakaoInsert(userGaipDto);
         System.out.println("이름 : " + nickname + " __ 이메일 : " + id);
      }
      return "redirect:/";
   }

따로 설명은 나중에 추가하겠습니다!

일단 이 코드를 실행하면 DB에 카카오톡 id, 이름이 insert가 됩니다!

2-3) 서비스 (여기 코드가 좀 어지럽 습니다‼)

1. 카카오톡 토큰 받아오는 코드

@Service
public class SocialService implements SocialInter {

	@Autowired
	SocialMapperInter socialMapperInter;
	@Override
	public String getAccessToekn(String authorize_code) {

		String access_token = "";
		String refresh_token = "";
		String reqURL = "<https://kauth.kakao.com/oauth/token>";

		try {

			URL url = new URL(reqURL);

			HttpURLConnection conn = (HttpURLConnection) url.openConnection();

			conn.setRequestMethod("POST"); //POST요청 필수입니다. GET시 오류남
			conn.setDoOutput(true);

			BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(conn.getOutputStream()));
			StringBuilder sb = new StringBuilder();

			sb.append("grant_type=authorization_code");
			sb.append("&client_id=본인RESTAPI코드");
			sb.append("&redirect_uri=http://localhost:9000/login/kakao"); //본인 Redirect주소
			sb.append("&code="+authorize_code);

			bw.write(sb.toString());
			bw.flush();

			int responseCode = conn.getResponseCode();
			System.out.println("responseCode: "+responseCode);

			BufferedReader br = new BufferedReader(new InputStreamReader(conn.getInputStream()));
			String line = "";
			String result = "";

			while((line=br.readLine())!=null) {
				result += line;
			}
			System.out.println("response body: "+result);

			ObjectMapper objectMapper = new ObjectMapper();

			Map<string, object=""> jsonMap = objectMapper.readValue(result, new TypeReference<map<string, object="">>(){
			});
			access_token = jsonMap.get("access_token").toString();
			refresh_token = jsonMap.get("refresh_token").toString();

			System.out.println("access_token: "+access_token);
			System.out.println("refresh_token: "+refresh_token);

			br.close();
			bw.close();
		}catch(IOException e) {
			e.printStackTrace();
		}
		return access_token;
	}
</map<string,></string,>

1. 카카오톡 정보 받아오는 코드.

@Override
	public HashMap<string,object> getUserInfo(String access_Token) {

		HashMap<string, object=""> userInfo = new HashMap<string, object="">();
		String reqURL = "<https://kapi.kakao.com/v2/user/me>";

		try {

			URL url = new URL (reqURL);
			HttpURLConnection conn = (HttpURLConnection) url.openConnection();
			conn.setRequestMethod("POST");

			conn.setRequestProperty("Authorization", "Bearer "+access_Token);

			int responseCode = conn.getResponseCode();
			System.out.println("responseCode: "+responseCode);

			BufferedReader br = new BufferedReader(new InputStreamReader(conn.getInputStream()));

			String line = "";
			String result = "";

			while((line = br.readLine())!=null) {

				result += line;
			}

			System.out.println("response body: "+result);

			JsonParser parser = new JsonParser();
			JsonElement element = parser.parse(result);

			String kakao_id = element.getAsJsonObject().get("id").getAsString();
			System.out.println("카카오아이디 "+kakao_id);

			System.out.println("result type: "+result.getClass().getName());

			try {

				UserGaipDto UserGaipDto = new UserGaipDto();

				ObjectMapper objectMapper = new ObjectMapper();
				Map<string, object=""> jsonMap = objectMapper.readValue(result, new TypeReference<map<string, object="">>() {
				});

				System.out.println(jsonMap.get("properties"));

				Map<string, object=""> properties = (Map<string, object="">)
					jsonMap.get("properties");
				Map<string, object=""> kakao_account = (Map<string, object="">)
					jsonMap.get("kakao_account");

				String kakao_nickname = properties.get("nickname").toString();

				userInfo.put("kakao_nickname", kakao_nickname);
				userInfo.put("kakao_id", kakao_id);
			}catch(Exception e) {
				e.printStackTrace();
			}
		}catch(IOException e) {
			e.printStackTrace();
		}
		return userInfo;
	}
</string,></string,></string,></string,></map<string,></string,></string,></string,></string,object>

3) 카카오톡 로그인(회원가입) 시 insert 및 카카오톡 아이디 존재 유무 체크

@Override
	public void kakaoInsert(UserGaipDto userGaipDto) {
		socialMapperInter.kakaoInsert(userGaipDto);
	}

@Override
	public int getSearchKakaoId(String kakao_id) {
		return socialMapperInter.getSearchKakaoId(kakao_id);
	}

interface

@Mapper
@Repository
public interface SocialMapperInter {

	//KAKAO
	public String getAccessToekn(String authorize_code);
	public HashMap<String,Object> getUserInfo(String access_Token);
	public void kakaoInsert(UserGaipDto userGaipDto);
	public void kakaoLogout(String access_Token); //로그아웃
	public UserGaipDto findKakao(Map<String,Object> userinfo);
	public int getSearchKakaoId(String kakao_id);
}

mapper

<mapper namespace="boot.data.mapper.SocialMapperInter">
    <select id="findKaKao" parameterType="Map" resultType="ugaipdto">
        select * from usergaip where user_email=#{user_email} and user_name = #{user_name}
    </select>
    <insert id="kakaoInsert" parameterType="ugaipdto">
        insert into usergaip(user_email,user_gaipday,user_name) values (#{user_email},now(),#{user_name})
    </insert>
    <select id="getSearchKakaoId" parameterType="String" resultType="int">
        select count(*) from usergaip where user_email = #{user_email}
    </select>
</mapper>

DTO

@Data
@Alias("ugaipdto")
public class UserGaipDto {
	private String user_name;
	private String user_num;
	private String user_email;
	private String user_pass;
	private Timestamp user_gaipday;
}

원래 회원가입 테이블에 insert하는 종류는 4개지만,

kakao 로그인을 통한 회원가입에서는 name이랑 id(=email)만 가져오기 때문에 sql문을 구성할 때 insert할 column을 지정해서 insert하였습니다.

위 방법을 따라하시면 간단한 카카오톡 로그인 + 회원가입을 진행할 수 있습니다

틀린 부분이 있다면 지적 해주세요 감사합니다.