네이버 아이디로 로그인, 서비스 설정에 오류가 있다는 메시지가 노출될 경우

네이버 아이디로 로그인, 서비스 설정에 오류가 있다는 메시지가 노출될 경우

 

 

 

해당 오류 메시지는 개발자센터 애플리케이션에 설정된 서비스 URL

또는 Callback URL에 문제가 있을 경우 발생합니다.

아래 안내된 도움말을 참고하여 설정된 URL을 정확한 URL로 수정해 보세요.

 

● 서비스 설정에 오류가 있다는 메시지가 노출될 경우

 

 

1) 미리 알아두기
애플리케이션에 등록된 서비스 URL과 Callback URL은 아래 경로에서 수정할 수 있습니다.

- [네이버 개발자센터 > Application > 내 애플리케이션]의 "API 설정" 탭

 

 

2) 서비스 URL을 정확히 입력하는 방법

첫째! 서비스 URL은 내 서비스의 대표 도메인을 등록해 주세요.

네아로를 적용하실 서비스 페이지 접속 시

브라우저 주소창에 노출되는 대표 URL을 입력해주시면 됩니다.

 

오타가 있거나, 실제 접속되는 주소와 다른 URL을 입력하실 경우

오류가 발생하니 주의하여 입력 부탁 드립니다.

[예시]

■ 안내된 URL은 예시이므로, 동일하게 따라 입력하시면 안됩니다.

    네아로를 적용하실 귀사의 서비스의 URL을 입력해주세요.

 

 

둘째! 서브 도메인으로 나눠진 여러 개의 접속 URL이 있을 경우,

서비스 URL에는 서브 도메인을 제외한 대표 도메인의 URL만 입력해 주세요.

 

대표 도메인의 URL만 입력되어 있어도 모든 서브 도메인의 URL에서 네아로가 정상적으로 동작합니다.

[예시]

■ 안내된 URL은 예시이므로, 동일하게 따라 입력하시면 안됩니다.

    네아로를 적용하실 귀사 서비스의 URL을 입력해주세요.

 

 

 

3) Callback URL을 정확히 입력하는 방법

 

Callback URL이란, 네이버 아이디로 로그인 인증 결과를 반환 받을 URL로써,

네이버 개발자센터 애플리케이션에 등록되어 있는 Callback URL은 서비스에서

네이버로 인증 요청 시 전달하는 API 파라미터(redirect_uri)

값과 정확히 일치해야 오류가 발생하지 않습니다.

 

또한 Callback URL은 서비스 URL과 다르게 서브 도메인을 포함한 모든 URL 요소를 정확히 비교하므로,

운영중인 사이트에 접속 가능한 서비스 URL이 여러 개일 경우,

각각의 서비스 URL에 대응되는 Callback URL이

모두 개발자센터 애플리케이션에 등록되어 있어야 합니다.

 

즉, 접속 가능한 서비스 URL이 3개라면, 서비스 URL은 대표 도메인 1개만 등록하면 되는데 반해,

Callback URL은 3개 모두 등록되어야 합니다.

[예시]

 

 

■ 안내된 URL은 예시이므로, 동일하게 따라 입력하시면 안됩니다.

    네아로를 적용하실 귀사의 Callback URL을 입력해주세요.

● 자신의 운영하는 사이트의 Callback URL을 모르겠다면?

 

네아로 연동 URL을 생성하셨다면, 오류화면에서 아래 안내된 방법으로

오류가 발생하는 서비스 URL에 대응되는 Callback URL을 확인할 수 있습니다.

Step 1. 모던 브라우저(Chrome, whale, Firefox 등)를 이용하여 서비스 사이트 접속

Step 2. 네아로 버튼을 클릭하여 아래와 같이 Callback URL 오류가 발생하는 화면으로 이동

 

 

 

 

Step 3. 해당화면(오류 메시지 화면)에서 [F12] 키를 눌러 개발자 “Console” 화면으로 이동

[예시] (Chrome 브라우저 기준)

 

Step 4. Console 입력 프롬포트에 아래 명령어를 입력하여 실행(명령어 작성 후 Enter 키 입력)

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

 

 

Step 5. 아래와 같이 명령어 실행 후 반환된 Redirect_uri 확인

 

 

Step 6. 확인된 redirect_uri를 네이버 개발자센터 애플리케이션에 Callback URL로 정확히 입력

[예시]

■ 안내된 URL은 예시이므로, 동일하게 따라 입력하시면 안됩니다.

    네아로를 적용하실 귀사의 Callback URL을 입력해주세요.