[OAuth2.0] 네이버 로그인 - ~에 로그인할 수 없습니다.

 

OAuth2.0 네이버 로그인 실습 중 만난 오류

OAuth2.0 네이버 로그인 오류 - 로그인할 수 없습니다.

 

로그인할 수 없으니 서비스 관리자에게 문의하라는데

저요? 저도 잘 모르겠는데요...?

 

 

😱 에러사항

콜백 URL로 넘어가야하는데 위와 같은 화면이 계속 나타났다.

아래는 내가 작성한 코드와 네이버 개발자센터 설정이다.

 

▣ 작성코드

NAVER_CALLBACK_URL = '/oauth/naver/callback/'

domain = self.request.scheme + '://' + self.request.META.get('HTTP_HOST', '')
callback_url = domain + NAVER_CALLBACK_URL

 

▣ 네이버 개발자 센터 콜백 URL 설정

 

 

🤦‍♀️ 에러원인

원인은 내가 작성한 코드의 callback_url(127.0.0.1)과

네이버 개발자센터에 설정한 callback url(localhost)이 매칭이 되지 않았던 것!!!!!!!!

⭐️
localhost와 127.0.0.1은 기술적으로 같은 로컬 주소이다.
둘 다 내 컴퓨터를 가리키는 루프백(Loopback) 주소이고 기능적으로는 동일하다.

하!지!만!

⭐️⭐️
네이버 OAuth에서는 문자열이 다르면 다르게 본다.
즉, "localhost"와 "127.0.0.1"은 서로 다른 도메인으로 간주를 하는 것!
그래서 네이버 개발자센터의 콜백 URL에는 요청 시 사용되는 정확한 URL 문자열을 등록해야 정상 동작을 한다.

 

 

😆 해결

해결은 간단하다. "localhost"를 "127.0.0.1"로 수정해주었다.

 

▣ URL 확인

    정확한 URL 등록을 위해 callbak_url 값도 한 번 찍어주었다.

    "127.0.0.1" 확인 OK

 

    또는

 

    콜백 URL 오류가 발생하는 화면으로 이동하여 개발자 도구에서 아래 명령어를 입력한다.

    확인된 redirect_uri를 네이버 개발자센터 콜백 URL로 입력해주면 된다.

# Console 입력 프롬프트에 아래 명령어 입력

new URL(document.referrer).searchParams.get("redirect_uri")

 

 

📌 참고사이트

https://koreankoder.tistory.com/10
https://help.naver.com/service/23029/contents/20352?lang=ko