기록 9 . 로그인기능을 구현해야한다.(네이버,구글,카카오)

우선 빠르게 기능구현을 위해서 전반적인 뼈대구조를 만들어야하는데..

JAVA로만 해봐서 파이선은 사실 전혀 모르는 영역이기에 바이브 코딩으로 빠르게 처리해야할 것 같다.

 

우선 로그인 기능을 넣어야 나중에 Slack 같은 회사에서 많이쓰는 프로그램과 연동이 가능할것이기 때문에...간단하게 로그인 Api 부터 발급받아야한다..

 

[참고] 내용중 리다이렉트URI는 개발환경과 나중에 틀리면 맞춰줘야함

마귀의 경우 아래와같은 엔드포인트로 처리함

GOOGLE_REDIRECT_URI=http://localhost:8000/api/v1/auth/google/callback
KAKAO_REDIRECT_URI=http://localhost:8000/api/v1/auth/kakao/callback
NAVER_REDIRECT_URI=http://localhost:8000/api/v1/auth/naver/callback

 

 

네이버 : https://developers.naver.com/apps/#/register

애플리케이션 - NAVER Developers

 

구글 : https://console.cloud.google.com/welcome?project=team-project-471500

Google 클라우드 플랫폼

 

카카오 : https://developers.kakao.com/

카카오계정

 

 

 

각 회사별 Oauth2.0 api를 끌어다 쓸예정 ..

 

 

 

우선 네이버부터 키를 발급받아보자 ..

 

회원이름, 연락처, 별명 정도만 끌고올 생각이다. 

 

아직 dns도 없고 서버에도 안올랐으니 샘플로 URL 을 작성해서..올리자 

파이선으로 8000포트를 쓸예정

여기에 ID,key 나오니깐 적어두자 

 

 

왠지 네이버는 로고를 꼭등록하라고 나오긴하는데.. 아무거나 용량작은걸로 올렸다. (사실 안올려도 된다... 키는 이미 나왔으니)

개발환경에서 테스트할 네이버 아이디를 아래 추가하면 끝. 

키 발급받았으니 검수같은건 최종 올릴때 검수하면된다..(여기에 URL주소나 사진을 올려야 하니깐 ..)

 

 

 

다음은 구글. 

사이트는 위에 참조해놨다. 

 

상단의 Team Project 누르면 창이뜨고 , 새프로젝트를 누른다. 

 

 

요래 이름쓰고 만들기누르면 프로젝트가 생성된다.

 

이제 Api 및 서비스 버튼 맨앞에껄 누르면 다음화면이 나오는데 ..

 

뭔가 엄청나오니깐 그냥 맨위에 검색창에 Oauth consent screen 을찾아서 

 

 

시작하기 눌러서.

 

앱이름 , 사용자 이메일 넣고..

 

 

 

중간에 외부로 설정한다.. 다른사람들도 접속해야하는 프로그램이니깐..

 

요 페이지에서 Oauth클라이언트 만들기누르면 .

 

요래 생성된다. 요게 ID.. 다시 클라이언트 들어가서 내가만든 프로젝트를 클릭하면

 

 

완성.. "클라이언트 보안 비밀번호" 요게 Key 값이다. 

 

 

다음은 카카오...

카카오가 좀 번잡스럽다..

 

맨위에 "앱" 누르면 "앱성성"버튼이 보인다.

 

 

요런식으로 만들면된다. 

 

만든 앱을 클릭하고들어가자.

 

 

왼쪽 카카오로그인 > 일반 들어가서 설정 켜주고 리다이렉트 URI를 작성해주고.

 

좀더아래보면 시크릿 발급 버튼이 존재한다..

 

 

다시 메인으로 들어가서 내앱을 선택하고 ..  앱>일반으로 들어가면  앱키가 존재하는데 .

REST API키 가 ID개념이다. 

 

 

후우..이제 로그인 기능부터 만들어야하는구나 ..