다음을 통해 공유


Facebook 로그인을 사용하도록 App Service 또는 Azure Functions 앱 구성

이 문서에서는 Facebook을 인증 공급자로 사용하도록 Azure App Service 또는 Azure Functions을 구성하는 방법을 보여 줍니다.

이 문서의 절차를 완료하려면 검증된 메일 주소와 휴대폰 번호가 포함된 Facebook 계정이 있어야 합니다. 새 Facebook 계정을 만들려면 facebook.com으로 이동하세요.

Facebook을 사용하여 애플리케이션 등록

  1. Facebook 개발자 웹 사이트로 이동한 다음, Facebook 계정 자격 증명으로 로그인합니다.

    개발자용 Facebook 계정이 없는 경우 시작을 선택하고 등록 단계를 따릅니다.

  2. 내 앱>새 앱 추가를 선택합니다.

  3. 표시 이름 필드에서 다음을 수행합니다.

    1. 앱의 고유한 이름을 입력합니다.
    2. 연락처 메일을 제공합니다.
    3. 앱 ID 만들기를 선택합니다.
    4. 보안 검사를 완료합니다.

    새 Facebook 앱에 대한 개발자 대시보드가 열립니다.

  4. 대시보드>Facebook 로그인>설정>을 선택합니다.

  5. Facebook 로그인 아래의 왼쪽 탐색 영역에서 설정을 선택합니다.

  6. 유효한 OAuth 리디렉션 URI 필드에 https://<app-name>.azurewebsites.net/.auth/login/facebook/callback을 입력합니다. <app-name>을 Azure App Service 앱의 이름으로 바꾸어야 합니다.

  7. 변경 내용 저장을 선택합니다.

  8. 왼쪽 창에서 설정>기본을 선택합니다.

  9. 앱 비밀 필드에서 표시를 선택합니다. 앱 ID앱 비밀의 값을 복사합니다. 나중에 Azure에서 App Service 앱을 구성하는 데 이러한 항목을 사용합니다.

    Important

    앱 암호는 중요한 보안 자격 증명입니다. 다른 사람과 이 암호를 공유하거나 클라이언트 애플리케이션 내에 배포하지 마세요.

  10. 애플리케이션을 등록하는 데 사용된 Facebook 계정이 앱의 관리자입니다. 지금은 관리자만 이 애플리케이션에 로그인할 수 있습니다.

    다른 Facebook 계정을 인증하려면 앱 검토를 선택하고 <your-app-name> 퍼블릭 설정을 사용하도록 지정하여 Facebook 인증을 사용하여 앱에 대한 일반 퍼블릭 액세스를 사용하도록 설정합니다.

애플리케이션에 Facebook 정보 추가

  1. Azure Portal에 로그인하고 IoT Hub로 이동합니다.

  2. 왼쪽 메뉴에서 인증을 선택합니다. ID 공급자 추가를 클릭합니다.

  3. ID 공급자 드롭다운에서 Facebook을 선택합니다. 앞에서 얻은 앱 ID 및 앱 비밀 값을 붙여 넣습니다.

    비밀은 FACEBOOK_PROVIDER_AUTHENTICATION_SECRET으로 명명된 슬롯 고정이란 애플리케이션 설정으로 저장됩니다. Azure Key Vault에서 비밀을 관리하려는 경우 나중에 Key Vault 참조를 사용하도록 해당 설정을 업데이트할 수 있습니다.

  4. 이것이 애플리케이션에 대해 구성된 첫 번째 ID 공급자인 경우 App Service 인증 설정 섹션도 표시됩니다. 그렇지 않으면 다음 단계로 이동할 수 있습니다.

    이러한 옵션은 애플리케이션이 인증되지 않은 요청에 응답하는 방법을 결정하며 기본 선택 항목은 이 새 공급자를 사용하여 로그인하도록 모든 요청을 리디렉션합니다. 지금 이 동작의 사용자 지정을 변경하거나, 나중에 기본 인증 화면에서 인증 설정 옆의 편집을 선택하여 이 설정을 조정할 수 있습니다. 이러한 옵션에 대한 자세한 정보는 인증 흐름을 참조하세요.

  5. (선택 사항) 다음: 범위를 클릭하고 애플리케이션에 필요한 모든 범위를 추가합니다. 해당 요청은 브라우저 기반 흐름의 로그인 시 요청됩니다.

  6. 추가를 클릭합니다.

이제 앱에서 Facebook을 인증에 사용할 준비가 되었습니다. 공급자는 인증 화면에 나열됩니다. 여기에서 공급자 구성을 편집하거나 삭제할 수 있습니다.

다음 단계