Facebook 캔버스 호스팅을 사용해 Gameroom 구현시.

와 대체 이것때메 시간을 얼마나 버린거지...-ㅅ-

PC 플랫폼으로 빌드를 한 후에 페이스북에 캔버스 호스팅으로 빌드한것을 업로드하고, 게임룸을 통해 로그인을 시도할 경우

[URL을 불러올 수 없습니다: 앱 도메인에 포함되어 있지 않은 URL입니다. 이 URL을 불러오려면 회원님의 앱 설정에서 앱 도메인 필드에 모든 도메인과 서브 도메인들을 추가해주세요.]

라거나, 차단된 URL 이라는 에러 메세지로 로그인이 안되는 현상이 있다.

스택오버플로우를 비롯해 다수의 사이트들을 리서치해봤으나 localhost를 웹사이트 플랫폼을 추가해서 등록하라던지, 몇몇개의 솔루션이 있었으나 전부 정상적으로 동작하지 않았다.

슬슬 멘붕이 올려던 찰나, 검색어를 좀더 다양하게 검색하던 도중 페이스북의 레퍼런스 문서에서 검색된 단어가 보이길래 들어갔는데, 내가 그토록 계속보아왔던 한글번역이 된 레퍼런스 문서 페이지였고 이게 왠걸, 들어간 페이지에서는 단어가 보이질 않는다 -_-;;

이거 설마... 이러면서 구글에서 검색된 페이지에서 저장된 페이지로 이동하니, 영어로 된 페이지에서 문제가 되었던 부분의 설정내용이 떡하니 친절하게 이미지와 함께 설명이 되어있었다...

즉, 한글화된 문서에는 정작 중요한 내용이 빠져있었고, 영어로 된 원래의 페이지에서는 설명이 되어 있었.... 으어어어어어어어어 

페이스북을 주깁시다..-.-

먼저 페이스북의 레퍼런스 문서들이 최근들어 한글화를 점점 늘려가고 있는 건 좋은 현상이다. 다만, 이런 부분에 있어서는 좀더 디테일하게 준비를 해야하지 않나 싶다......후우....

아참 설정방법을 얘기하지 않았는데, 캔버스 호스팅을 사용해서 빌드를 업로드한 경우

- 페이스북 로그인 > 설정 으로 이동

- https://apps.facebook.com/{APP_ID} 를 유효한 OAuth 리디렉션 URI 에 추가하고, 클라이언트 OAuth 로그인과 웹 OAuth 로그인을 킨 후 저장.

하면되고, 만약 캔버스 호스팅이 아니라 직접 CDN이나 AWS등에 업로드한 경우 

- 설정 > 기본설정 으로 이동

- 단순 애플리케이션 호스팅이 꺼져있으므로 보안 캔버스 URL이 있을텐데 거기에 https://localhost/을 추가.

아 이 간단한것을...ㅠㅠㅠㅠ.... 워낙 이 문제와 관련된 내용이 인터넷에 없으므로 부디 도움이 되길 바란다..

관련 페이스북 링크는..아래를 참고.

https://developers.facebook.com/docs/games/gameroom/requirements?locale=en_US