230918 개발일지 TIL - 네이버 로그인 서비스 적용 오류(로그인할 수 없습니다.)

네이버 로그인 서비스 적용 오류(로그인할 수 없습니다.)

문제 발생
로컬환경에서 배포서버로 주소를 옮기던 중에 발생

문제 원인
Callback URL을 정확하게 입력해주어야 해결이 되는 것을 확인

Callback URL은 네이버 로그인 인증 결과를 반환받을 URL
네이버 개발자 센터 애플리케이션에 등록되어 있는 Callback URL은 서비스에서 네이버로 인증 요청 시 전달하는 API 파라미터(redirect_uri) 값과 정확히 일치해야 한다.
Callback URL은 서비스 URL과는 다르게 서브 도메인을 포함한 모든 URL 요소를 정확히 비교해야 한다.
즉, 접속 가능한 서비스 URL이 3개라면 서비스 URL은 대표 도메인 1개만 등록하면 되지만, Callback URL은 3개 모두 등록해야 한다.

문제 해결
1. 네이버 개발자 센터 > Application > 내 애플리케이션의 API 설정 - Callback URL 입력

2. 네이버 로그인 버튼을 클릭하여 Callback URL 오류가 발생하는 화면으로 이동

3) 오류 메시지 화면에서 F12를 눌러 개발자 Concole 화면으로 이동하여
Console 입력 프롬프트에 아래 명령어를 입력 (명령어 작성 후 Enter 입력)

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

4. 명령어 실행 후 반환된 Redirect_uri 확인하여 redirect_uri를 네이버 개발자 센터 애플리케이션에 Callback URL로 입력
   

참고 사이트
https://help.naver.com/service/23029/contents/20352?lang=ko

느낀 점
많은 사용자들이 사용하는 사이트라서 그런지 설명도 너무 상세하게 되어 있어 문제를 금방 해결해 나갈 수 있었다.
문제 해결을 해나가면서 내 자신이 좀 더 성장해 나감을 느끼게 되었다.