본문 바로가기

소소한 알짜

xe에서 facebook(페이스북) 로그인 에러, URL을 읽어들일 수 없음: 앱 도메인에 포함되어 있지 않은 URL입니다

Facebook 로그인 API를 이용해서 XE에 로그인 하는 방법을 따라하는중에 아래와 같은 에러 때문에, 진행을 못하고 있었습니다. 구글에서 열심히 서치해 보면, 몇가지 해결책이 블로그에 나와 있으나, 희안하게 저랑은 맞지 않은 해결책이었습니다.
대부분의 해결책은;
- 별 무리 없으니, 찬찬히 잘 해보세요.
라는 답변이 주를 이루고 있었습니다. 그럼에도 불구하고, 필자는 5시간째 헤메고 있었습니다.


URL을 읽어들일 수 없음: 앱 도메인에 포함되어 있지 않은 URL입니다. 이 URL을 읽어들이려면 앱 설정에서 앱 도메인 필드에 앱의 모든 도메인과 서브 도메인을 추가하세요.

결국 허무하게 해결책을 찾았습니다.
다른 블로그에서 언급했던 것처럼, 심각한 문제는 아니였습니다. 정말 단순한 문제 였습니다. ㅠㅠ


위 사진에서 [페이스북 로그인] - [설정] 을 클릭합니다.


아래 사진이 해결책을 제시해 줍니다.


위사진과 아래사진을 비교해 보시면 차이점이 있음을 알 수 있습니다.
위사진 ; 에러발생 사진
아래사진 ; 정상작동 형식

즉, 리디렉션 URL이 정상적으로 입력이 되었다면, 아래 사진처럼
파란색 테두리안에 싸여 있게 됩니다.
XE 관리자 페이지 - 소셜XE 모듈 에서 리디렉션 URL을 복사해 올때,
네이버로그인, 카카오톡 로그인 리디렉션은 공백이 없이 잘 복사가 되었는데,
페이스북 리디렉션만 공백(빈칸)이 한개까지 복사해 옵니다.
자세히 보지 않으면, 구분이 가지 않기 때문에,
필자는 5시간을 소비하게 되었습니다.
아래와 같이 설정하고 나니, 로그인이 문제없이 잘 되었습니다.
어떤, 블로그에서는 [리디렉선 URL에 strict모드 사용] 옵션을 끄라고
설명되어 있는데,
필자의 경우는 그 옵션과는 상관없이 잘 작동되었습니다.

필자는 소셜로그인을 사용하고 있습니다. 다음3가지 옵션을 세팅했습니다.
- 페이스북 로그인
- 네이버 로그인
- 카카오톡 로그인
이중에서 현재 네이버 로그인에 좀 문제가 발생하고 있습니다.
카카오톡 로그인은 정삭적으로 작동됨을 확인했습니다.

네이버 로그인 사용시 다른 두곳과는 좀 다른 점이 발견되었습니다.
승인과정이라고 해야하나?
네이버 개발자 화면에는 검수과정이라고 표현되어 있습니다.

위 과정(검수과정)을 거치지 않으면, 20명 까지만 로그인이 허락된다고 합니다.
페이스북과 카카오톡은 쉽게 처리 되었는데, 네이버는 한단계 더 신청해야 할것이 있는 겁니다.

필자는 pdf로 파일로 보냈습니다.
pdf 파일 내용으로는 로그인 화면을 모두 캠쳐했습니다. 대략 6~7단계 화면을 보여 줬습니다.

XE 관리자 페이지에서 살펴보면, 가입한 회원의 정보를 살펴볼 수 있지만, 닉네임과 메일정보 뿐 이네요.