TIL 21. Django_Kakao Social LogIn(Back-end)

Today's topic

👉 Kakao Social LogIn

이번 post에서는 project를 진행하면서 알게된 KakaoSocialLogIn에 대해 설명하고자 한다

👉 Social Log In 개념

Kakao 계정으로 로그인 하면 로그인 계정 정보로 web page service와 연결하고 만약 계정 정보가 해당 web page에 등록(가입)이 되어있으면 로그인이 되게 하고, 만약 등록이 안되어 있으면 가입 후 로그인 되는 process이다.

👉 Kakao Log In process

• Front-end

1. F/E(client)에서 OAuth를 통해 kakaotalk API server으로 인증 코드 요청
2. Kakao Server에서 인증 코드 전달
3. F/E에서 받은 인증 코드로 Kakao server에 Access Token을 요청
4. F/E에서 Access Token을 받아 B/E에 Access Token을 전달

• Back-end

5. F/E로 부터 받은 Access Token으로 Kakao server에 해당 Access Token에 맞는 사용자 정보 요청
6. Kakao server로 부터 사용자 정보에 대해 요청 받아 web page 내부에서 사용자 확인 용으로 사용될 Access Token 생성(web page에 등록이 안된 경우 사용자 등록 후 Token 발급, 기존에 등록이 되어 있는 사용자인 경우 정보 확인 후 Token 발급)

👉 Back-end에서 필요한 코드

1. F/E로 부터 Access Token 받기

   class KakaotalkSignInView(View):
       def get(self, request):
           try : 
               access_token = request.headers.get('Authorization')

2. B/E에서 Kakao server로 정보 요청해서 받기

   		profile_information = requests.get(
                   "https://kapi.kakao.com/v2/user/me",
                   headers = {'Authorization' : f'Bearer {access_token}'},
                   timeout=1
               )

   "https://kapi.kakao.com/v2/user/me" 서버로 Access Token으로 요청을 하며, requests.get을 사용함으로써 Access Token과 같은 사용자의 정보를 받도록 요청함.

3. 받은 정보를 json 형태로 처리하여 필요한 정보만 불러 사용함

   profile_information_json = profile_information.json()
               profile_id               = profile_information_json["id"]
               email                    = profile_information_json["kakao_account"]["email"] 
               nickName                 = profile_information_json["properties"]["nickname"]
               profile_image            = profile_information_json["kakao_account"]["profile"]["profile_image_url"]

👉 내가 사용한 전체 코드

import json, jwt, requests

from django.http import JsonResponse
from django.views import View
from django.conf import settings

from .models import User

class KakaotalkSignInView(View):
    def get(self, request):
        try : 
            access_token = request.headers.get('Authorization')

            if not 'Authorization':
                return JsonResponse({"message" : "No_access_token"}, status=404)

            profile_information = requests.get(
                "https://kapi.kakao.com/v2/user/me",
                headers = {'Authorization' : f'Bearer {access_token}'},
                timeout=5
            )

            profile_information_json = profile_information.json()
            profile_id               = profile_information_json["id"]
            email                    = profile_information_json["kakao_account"]["email"] 
            nickName                 = profile_information_json["properties"]["nickname"]
            profile_image            = profile_information_json["kakao_account"]["profile"]["profile_image_url"]

            user, created     = User.objects.get_or_create(
                social_id     = profile_id,
                nickname      = nickName,
                email         = email,
                profile_image = profile_image)
            jwt_token         = jwt.encode({"id" : user.id}, settings.SECRET_KEY, algorithm=settings.ALGORITHM)
            HttpStatusCode = 201 if created else 200 
            
            return JsonResponse({"Token" : jwt_token}, status = HttpStatusCode)                
        
        except KeyError:
            return JsonResponse({"message" : "Key_Error"}, status = 401)
        except User.DoesNotExist:
            return JsonResponse({"message" : "Does_Not_Exist"}, status=404)

My opinion

이번 포스팅에서는 kakao social 로그인 방법의 back-end 파트에 대해서 정리해 보았다. 전반적으로 process를 정리된 자료들은 몇몇 보았으나, back-end 정보에 대해서 정리된 것은 잘 보지 못해서 back-end에서 필요한 부분만 정리해 보았다. 소셜로그인이 어떻게 진행되는 지 감이 안잡혔었는데 kakao developers의 문서를 참고함으로써 흐름이 이해가 되었고 그를 바탕으로 검색 및 여러 feed back을 통해 구현을 완성하게 되었다. 좀 더 추가적으로 수정사항이 있을 수 있겠지만 해당 code로도 구현 되는 것을 확인했을 때 좀 기뻤다.

참고 문헌 : https://developers.kakao.com/docs/latest/ko/kakaologin/common