Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 

페이스북 HTTPS 인증을 localhost에서 테스트하는 방법

페이스북 인증 테스트는 (제가 아는 한) 무조건 https로만 테스트할 수 있습니다. 따라서 페이스북 사이트에서 인증 후 웹 사이트로 돌아올 때에도 https 경로로 돌아오게 redirect_uri를 설정해야 합니다. 예를 들어, authorize 시에 다음과 같이 redirect_uri를 지정하게 되는데요,

https://graph.facebook.com/oauth/authorize?client_id={0}&redirect_uri={1}&scope={2}

만약 위의 url을 다음과 같이 설정했다면,

https://graph.facebook.com/oauth/authorize?client_id=...&redirect_uri=https://localhost:44369/&scope=...

페이스북 인증 후에는 "https://localhost:2000/" 경로로 redirect를 하게 됩니다. 그리고 그 경로는 "페이스북 앱 대시보드 / "Facebook 로그인" / "설정"의 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)" 항목에 등록되어 있어야 합니다. 만약 등록되어 있지 않으면 다음과 같은 오류가 페이스북 인증 후 웹 사이트로 redirect 되기 전 발생합니다.

차단된 URL: 리디렉션 URI가 앱의 클라이언트 OAuth 설정의 화이트리스트에 없으므로 리디렉션하지 못했습니다. 클라이언트 및 웹 OAuth 로그인이 설정되었는지 확인하고 모든 앱 도메인을 유효한 OAuth 리디렉션 URI로 추가하세요.


당연히 해결 방법은 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)" 항목에 다음과 같은 식으로 미리 등록해야 합니다.

https://localhost:44369/

이때 프로토콜은 https만 허용될 뿐 http로 입력하면 설정값이 저장되지 않고 다음과 같은 오류를 냅니다.

http://localhost 리디렉션은 개발 모드에 있는 동안만 자동으로 허용되며 여기에 추가하지 않아도 됩니다.
"localhost redirects are automatically allowed while in development mode only and do not need to be added here." 

만약 localhost가 아닌 값을 http로 지정하면,

http://www.sysnet.pe.kr/

이번에는 오류 메시지가 다음과 같이 바뀌지만,

New HTTP Redirect URIs are not allowed.

어쨌든 원인은 "http"로 지정했기 때문입니다. 반드시 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)" 항목에는 https 경로만 입력할 수 있습니다.




검색해 보면, HOSTS 파일에 DNS를 127.0.0.1로 등록하고 테스트하라는 의견도 나옵니다. 그런데, 이런 식으로 테스트하는 것은 은근히 귀찮은 면이 있습니다. 가령 제 홈페이지라면 다음과 같이 HOSTS 항목을 추가할 텐데,

127.0.0.1 www.sysnet.pe.kr

그렇게 되면, 로컬 상에서 비주얼 스튜디오로 디버깅할 때에도 "www.sysnet.pe.kr" 도메인을 사용해야 하고 인증서도 IIS Express에 연결을 해야 합니다. 차라리 그보다는 다음의 글에 설명한 데로,

IIS Express로 호스팅하는 사이트를 https로 접근하는 방법
; https://www.sysnet.pe.kr/2/0/11854

그냥 localhost로 테스트하는 것이 훨씬 더 개발이 쉽습니다.




페이스북 개발자 페이지에 보면 "리디렉션 URI에 Strict 모드 사용(Use Strict Mode for Redirect URIs)"이라는 옵션이 있습니다. 그 옵션은 일단 한번 선택하면 이후 다시 해제할 수 없는데, 이것을 지정하면 반드시 redirect_uri에 지정한 경로가 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)"에 지정한 것과 일치해야 합니다.

가령 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)"에 다음과 같이 지정하고,

https://www.sysnet.pe.kr:15090/

redirect_uri에는 다음과 같이 보낸다면,

https://www.facebook.com/v2.8/dialog/oauth/?client_id=108583255878211&redirect_uri=https%3A%2F%2Fwww.sysnet.pe.kr%3A15090%2FDefault.aspx&response_type=code&state=1

Strict 모드 사용 환경에서는 "차단된 URL" 오류가 발생합니다. 따라서 redirect_uri에 보낸 값을 "유효한 OAuth 리디렉션 URI(Valid OAuth redirect URIs)"에도 동일하게 다음과 같이 추가해야 합니다.

https://www.sysnet.pe.kr:15090/Default.aspx




https를 사용하지 않고 http로 redirect_uri를 구성하면 이런 식으로 오류가 발생합니다.

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

오류 메시지에 나오는 "앱 도메인" 설정을 실제로 "페이스북 앱 대시보드 / "설정" / "기본 설정"의 "앱 도메인" 메뉴를 통해서 할 수 있습니다. 하지만 그걸 설정한다고 해서 문제가 해결되지 않습니다. 반드시 https로 redirect_uri를 구성해야 합니다.

참고로 "앱 도메인" 설정에는 "localhost"를 입력할 수 없습니다. 입력하면 다음과 같은 식의 오류가 발생합니다.

앱 도메인은 Facebook 웹 게임 URL(https), 모바일 사이트 URL, Unity 이진 URL, 사이트 URL 또는 보안 페이지 탭 URL의 도메인과 일치해야 합니다. 다음 도메인을 수정하세요: localhost




로그인 한 다음 다시 웹 사이트로 redirect 되면서 담겨온 code 값을 이용해 https://graph.facebook.com/oauth/access_token?... 으로 요청할 때 Bad Request가 발생한다면?

Server Error in '/' Application.

The remote server returned an error: (400) Bad Request. 
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 

Exception Details: System.Net.WebException: The remote server returned an error: (400) Bad Request.

페이스북 인증에 사용한 redirect_uri가 모두 동일했는지 확인해야 합니다. 가령 "https://graph.facebook.com/oauth/access_token?..."의 redirect_uri가 "https://www.facebook.com/v2.8/dialog/oauth/?client_id=..."의 redirect_uri에도 그대로 사용되어야 합니다. 이게 일치하지 않으면 400 오류가 발생합니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]





[최초 등록일: ]
[최종 수정일: 3/25/2019 ]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer@outlook.com

비밀번호

댓글 쓴 사람
 




1  2  3  4  5  6  7  8  [9]  10  11  12  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
12130정성태1/26/2020530VS.NET IDE: 142. Visual Studio에서 windbg의 "Open Executable..."처럼 EXE를 직접 열어 디버깅을 시작하는 방법
12129정성태1/26/20201811.NET Framework: 882. C# - 키움 Open API+ 사용 시 Registry 등록 없이 KHOpenAPI.ocx 사용하는 방법 [1]
12128정성태1/26/2020624오류 유형: 591. The code execution cannot proceed because mfc100.dll was not found. Reinstalling the program may fix this problem.
12127정성태1/28/2020646.NET Framework: 881. C# DLL에서 제공하는 Win32 export 함수의 내부 동작 방식(VT Fix up Table)파일 다운로드1
12126정성태1/25/2020590.NET Framework: 880. C# - PE 파일로부터 IMAGE_COR20_HEADER 및 VTableFixups 테이블 분석파일 다운로드1
12125정성태1/24/2020473VS.NET IDE: 141. IDE0019 - Use pattern matching
12124정성태1/24/20201021VS.NET IDE: 140. IDE1006 - Naming rule violation: These words must begin with upper case characters: ...
12123정성태1/23/2020813웹: 39. Google Analytics - gtag 함수를 이용해 페이지 URL 수정 및 별도의 이벤트 생성 방법
12122정성태1/22/2020745.NET Framework: 879. C/C++의 UNREFERENCED_PARAMETER 매크로를 C#에서 우회하는 방법(IDE0060 - Remove unused parameter '...')파일 다운로드1
12121정성태1/24/2020460VS.NET IDE: 139. Visual Studio - Error List: "Could not find schema information for the ..."파일 다운로드1
12120정성태1/20/2020702.NET Framework: 878. C# DLL에서 Win32 C/C++처럼 dllexport 함수를 제공하는 방법 - 네 번째 이야기(IL 코드로 직접 구현)파일 다운로드1
12119정성태1/17/2020808디버깅 기술: 160. Windbg 확장 DLL 만들기 (3) - C#으로 만드는 방법
12118정성태1/17/2020805개발 환경 구성: 466. C# DLL에서 Win32 C/C++처럼 dllexport 함수를 제공하는 방법 - 세 번째 이야기 [1]
12117정성태1/15/2020793디버깅 기술: 159. C# - 디버깅 중인 프로세스를 강제로 다른 디버거에서 연결하는 방법파일 다운로드1
12116정성태1/15/2020664디버깅 기술: 158. Visual Studio로 디버깅 시 sos.dll 확장 명령어를 (비롯한 windbg의 다양한 기능을) 수행하는 방법
12115정성태1/14/2020675디버깅 기술: 157. C# - PEB.ProcessHeap을 이용해 디버깅 중인지 확인하는 방법파일 다운로드1
12114정성태1/13/2020918디버깅 기술: 156. C# - PDB 파일로부터 심벌(Symbol) 및 타입(Type) 정보 열거 [1]파일 다운로드3
12113정성태1/12/20201285오류 유형: 590. Visual C++ 빌드 오류 - fatal error LNK1104: cannot open file 'atls.lib' [1]
12112정성태1/12/2020557오류 유형: 589. PowerShell - 원격 Invoke-Command 실행 시 "WinRM cannot complete the operation" 오류 발생
12111정성태3/23/20201416디버깅 기술: 155. C# - KernelMemoryIO 드라이버를 이용해 실행 프로그램을 숨기는 방법(DKOM: Direct Kernel Object Modification) [11]
12110정성태6/23/2020923디버깅 기술: 154. Patch Guard로 인해 블루 스크린(BSOD)가 발생하는 사례 [3]파일 다운로드1
12109정성태1/10/2020759오류 유형: 588. Driver 프로젝트 빌드 오류 - Inf2Cat error -2: "Inf2Cat, signability test failed."
12108정성태1/10/2020610오류 유형: 587. Kernel Driver 시작 시 127(The specified procedure could not be found.) 오류 메시지 발생
12107정성태1/10/2020704.NET Framework: 877. C# - 프로세스의 모든 핸들을 열람 - 두 번째 이야기
12106정성태1/8/2020793VC++: 136. C++ - OSR Driver Loader와 같은 Legacy 커널 드라이버 설치 프로그램 제작 [1]
12105정성태1/8/2020696디버깅 기술: 153. C# - PEB를 조작해 로드된 DLL을 숨기는 방법
1  2  3  4  5  6  7  8  [9]  10  11  12  13  14  15  ...