23/12/08 TIL __ Passport kakao 카카오 전략 뽀개기

 

 

🫠   상황

passport local 전략에 이은  kakao를 시도해 보기로 했다.

지난번 팀과제에서 로그인기능 성공후, 이외에 토큰 처리가 많이 미숙했고,

탈퇴기능, 토큰 재발급 기능 등등이 처리가 안되었다.

또한 배포부분에서 이슈가 있었어서 정말 아쉬웠는데

이번에 다시 제대로 해보기로 했다. 

 

 

 

🏞️  과정

passport kakao 전략을 사용해서 로그인을 구현했기 때문에, 이번에는 탈퇴기능과, 토큰 부분을 위주로 다뤄보겠다.

 

 

로그인 연결하는건 카카오 디벨로퍼에 들어가서 앱 만들고, 설정을 해주면 된다.  

디벨로퍼 사이트에 작성해둔 경로로 코드에서 요청을 하게 되면, 카카오 로그인 화면이 뜨게 되는데,

여기서 주의점은 callback url을 localhost부터 작성해야 한다. 

나의 경우 env 에 환경변수 설정을 해서 사용했다. 

 

passport.use(
	new KakaoStrategy(
		{
			clientID: process.env.KAKAO_ID,
			callbackURL: process.env.KAKAO_CALLBACK_URL
		},
		async (accessToken, refreshToken, profile, done) => {
			try {
				const email = profile._json.kakao_account.email;

 

clientID 에는 restAPI 값을 넣으면 된다. javascript를 넣어도 된다고 하는데 accessToken 2시간으로 짧다는 사실은 알아두자. 

 

 

연결 끊기의 경우 공식문서를 보면 연결 끊기 기능에 대해 자세히 알려주고 있다. 

역시 공식문서 쵝오..

카카오 공식문서는 그간 봐왔던 외국 공식문서와 달리 한글로 되어있어 일단 편안했다.. 이상한 번역도 없었고,

무었보다 카카오 질문게시판에 응답이 친절하게 되어있어서 너무 공부하기 좋았다. 

 

 

 

https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#unlink

Kakao Developers

 

연결 끊기

기본 정보

메서드URL인증 방식

POST

https://kapi.kakao.com/v1/user/unlink

액세스 토큰 서비스 앱 어드민 키

 

 

연결 끊기는 앱과 사용자 카카오계정의 연결을 끊는 기능입니다. 자세한 설명은 연결과 연결 끊기를 참고합니다.

REST API 사용 시 연결 끊기는 사용자의 액세스 토큰 또는 앱 어드민 키(Admin key)로 API를 호출할 수 있습니다. 서비스 종료 등 상황에 따라 토큰으로 연결 끊기를 요청할 수 없는 경우가 있기 때문에 앱 어드민 키를 사용한 요청을 지원합니다.

하지만 앱 어드민 키는 절대로 유출되어선 안 되는 중요한 키입니다. 정보 보안을 위해 어드민 키를 사용한 REST API 요청은 꼭 서버에서만 사용하고, 소스 코드에는 어드민 키를 사용하지 않도록 유의합니다. 어드민 키를 사용해 연결 끊기를 할 경우, 대상 사용자를 명시하는 파라미터를 함께 보내야 합니다.

연결 끊기 요청에 성공하면 해당 사용자 회원번호를 응답으로 받습니다. 또한 로그아웃이 함께 진행되어 액세스 토큰과 리프레시 토큰이 만료 처리됩니다.

 

예제

요청: 액세스 토큰 방식

curl -v -X POST "https://kapi.kakao.com/v1/user/unlink" \
  -H "Content-Type: application/x-www-form-urlencoded" \
  -H "Authorization: Bearer ${ACCESS_TOKEN}"

요청: 서비스 앱 어드민 키 방식

curl -v -X POST "https://kapi.kakao.com/v1/user/unlink" \
  -H "Content-Type: application/x-www-form-urlencoded" \
  -H "Authorization: KakaoAK ${SERVICE_APP_ADMIN_KEY}" \
  -d "target_id_type=user_id" \
  -d "target_id=123456789" 

응답

{
  "id": 123456789
}

 

 

공식문서에 나와있는대로 axios를 이용해 따라해 봤더니 바로 작동이 되었다.

회원 탈퇴하니 다시 카카오 로그인 할때 동의 화면이 뜨기 시작!!!!!!

 

공식문서에 따르면 해당 플로우에 대해 이렇게 말한다. 

 

먼저 사용자가 회원 탈퇴 요청을 하면
서버에서 카카오로 연결끊기 요청 후
성공시 데이터베이스에서 회원정보 삭제
토큰 삭제
회원에게 탈퇴가 정상적으로 처리되었다고 말하기.

 

 

 

해당 플로우를 따라가면 쉽게 탈퇴 처리를 할 수 있다. 

 

 

 

토큰의 경우 카카오에서 제공하는 엑세스 토큰, 리프레쉬 토큰 모두 사용했고, 

세션 저장방식을 배제하지 않고 사용했기 때문에(사실 몰라서 이렇게 사용했고, 나중에 바꿔야지 생각했다.)

리프레쉬토큰은 db에 저장하고, 엑세스 토큰은 세션에 저장된걸 쿠키에도 넣어주었다. 

일단은 db에 저장했지만, 레디스 라는 토큰 저장소로 자주 쓰이는 애를 사용해 보고 싶어 시도해 볼 예정이다. 

 

 

🫠  느낀점

 

토큰 처리를 하면서 토큰의 처리부분에 대한 많은 부족함을 느꼇고,

코딩을 하다보니 목적의 명확성을 자꾸만 잃어버려 길을 잃고 다른것에 빠져있는 경우가 많았다. 

많은 에러를 만나더라고, 하고자 하는 바를 분명히 정하고, 

흔들리지 않고 차근차근 나가는 습관을 코딩에서도, 앞으로의 공부에서도 들이면 좋을 것 같다.