Django 소셜로그인 구현 / 카카오톡

이 글은 어디까지나 본인이 보고 알아볼 수 있을 정도로만 작성되었으므로 소셜로그인을 한번 구현해 본 사람이 보거나 처음 구현하는데 자세히 알고 싶으면 더 좋은 블로그가 많으니 찾아보는 게 좋을 거 같다.

 

 

카카오톡 디벨로퍼 설정

카카오톡 디벨로퍼는 검색을 하면 전부 다 뜨지만 알아야 되는 정보는 따로 정리해 두는 게 좋을 것 같아서 정리해 두려고 한다.

 

카카오톡 로그인 후 애플리케이션 생성

 

 

 

Redirect URL

 

 

 

REST API 키

 

 

 

 

변경해줘야 하는 코드

settings.py

# AUTHENTICATION_BACKENDS은 새로 만들어주어야함
AUTHENTICATION_BACKENDS = (
    'django.contrib.auth.backends.ModelBackend',
    'allauth.account.auth_backends.AuthenticationBackend',
)

INSTALLED_APPS = [
	...

    # 소셜 로그인
    'django.contrib.sites',
    'allauth',
    'allauth.account',  
    'allauth.socialaccount',
    'allauth.socialaccount.providers.kakao',

    ...
]

# 소셜로그인 관련 설정
LOGIN_REDIRECT_URL = '/'
ACCOUNT_LOGOUT_REDIRECT_URL = "/"

SITE_ID = 2

 

 

urls.py

from django.urls import path, include

urlpatterns = [
    path('accounts/', include('allauth.urls')),
]

 

 

 

admin page

위에 설정이 제대로 되었다는 가정하에 서버를 실행하고 admin page로 들어가면 아래와 같이 뜰 것이다.

그럼 아래와 같이 사이트들에 주소를 넣어준다.

사이트 추가를 할경우 SITE_ID = 2이고 , 기존의 example 를 변경해서 사용할 경우 SITE_ID = 1이 된다.

그리고 소셜 애플리케이션에 추가를 누른 다음 아래와 같이 작성해 주면 된다.

클라이언트 아이디 같은 경우는 위에서 REST API 키를 적어주면 되고 

카카오톡 로그인 같은 경우 비밀 키가 필요하지 않기 때문에 none라고 적어준다.

이동가능한 사이트 목록에 localhost가 뜨지 않을 경우 admin의 사이트들 부분에 추가해줘야 한다.