2-5 카카오 로그인 API #1 (jsp, javascript를 사용한 카카오간단로그인)

할말이 아주 많은 카카오로그인부분

정말.. 초기부터 카카오로그인을 하고싶었는데 스프링으로 카카오로그인을 한 사람들은 많았지만 jsp/서블릿을 사용하여 카카오로그인을 사용한 사람들은 거의 찾지를 못했다 ㅠㅠ

어떻게든 하려고 매달리다포기-다른기능구현-다시 카카오로그인매달리다포기-다른기능구현-다시 카카로로그인하다 포기-다른기능구현을 반복하다 세미프로젝트가 끝나기 직전에 가까스로 구현한 ....나의 자랑... ㅠㅠ

하지만 발표할 때 조장의 port넘버와 내 넘버가 달라 보여주지는 못했던 ..... ㅠㅠㅠ 

시연전에 알아버려서 수정할 시간이 부족했다

하지만 jsp, javascript로도 간단하게 카카오로그인을 구현할 수 있다는 점!!!

크게 두가지 일을 해야한다

#1. 카카오 개발자페이지에서 애플리케이션추가

#2. 코드작성

 

 

 

 

 

 

 

---

• `카카오계정으로 로그인`을 누르면 저 창이 뜬다
  • 진짜.... 저 로그인창이 절대 안뜨고 자꾸 에러떠서 눈물한 오천방울을 흘렸다....

 

 

 

 

 

 

 

 

• QR코드로 로그인 역시 가능하다

 

 

 

 

 

 

 

 

 

 

• 뭔가 잘못 입력했을 때는 카카오로그인에서 자동으로 유효성검사를 해준다

---

 

developers.kakao.com/

Kakao Developers

먼저 이곳에 들어가서 로그인 후 애플리케이션을 추가해준다

 

 

 

 

 

 

 

 

 

 

 

이모티콘을 넣어주면 동의할 때 이미지가 떠서 정말 홈페이지같은 느낌을 준다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

본인 앱 키를 확인해야함

나는 javascript를 썼다

 

 

 

 

 

 

 

 

네이버같은 경우는 localhost가 안되서 다른 방법을 써야했지만 카카오같은 경우는 가능하기때문에 편했다

Redirect URI를 등록하는 방법도 있지만 사실 없어도 된다

 

 

 

 

 

 

여기까지가 카카오로그인API를 사용하기위한 등록을 마쳤다

다음은 코드작성이 필요하다