자습서: Framer와 Azure AD SSO 통합

이 자습서에서는 Azure AD(Azure Active Directory)와 Framer를 통합하는 방법에 대해 알아봅니다. Azure AD와 Framer를 통합하면 다음을 수행할 수 있습니다.

  • Azure AD에서 Framer에 대한 액세스 권한이 있는 사용자를 제어합니다.
  • 사용자가 Azure AD 계정으로 Framer에 자동으로 로그인되도록 설정합니다.
  • 단일 중앙 위치인 Azure Portal에서 계정을 관리합니다.

사전 요구 사항

시작하려면 다음 항목이 필요합니다.

  • Azure AD 구독 구독이 없는 경우 체험 계정을 얻을 수 있습니다.
  • Framer SSO(Single Sign-On)가 설정된 구독.
  • 클라우드 애플리케이션 관리자와 함께 애플리케이션 관리자는 Azure AD에서 애플리케이션을 추가하거나 관리할 수도 있습니다. 자세한 정보는 Azure 기본 제공 역할을 참조하세요.

시나리오 설명

이 자습서에서는 테스트 환경에서 Azure AD SSO를 구성하고 테스트합니다.

  • Framer에서 SPIDP 시작 SSO를 지원합니다.

Framer의 Azure AD 통합을 구성하려면 갤러리의 Framer를 관리형 SaaS 앱 목록에 추가해야 합니다.

  1. Azure Portal에 회사 또는 학교 계정, 개인 Microsoft 계정으로 로그인합니다.
  2. 왼쪽 탐색 창에서 Azure Active Directory 서비스를 선택합니다.
  3. 엔터프라이즈 애플리케이션으로 이동한 다음, 모든 애플리케이션을 선택합니다.
  4. 새 애플리케이션을 추가하려면 새 애플리케이션을 선택합니다.
  5. 갤러리에서 추가 섹션의 검색 상자에 Framer를 입력합니다.
  6. 결과 패널에서 Framer를 선택한 다음, 앱을 추가합니다. 앱이 테넌트에 추가될 때까지 잠시 동안 기다려 주세요.

또는 Enterprise App Configuration 마법사를 사용할 수도 있습니다. 이 마법사에서는 테넌트에 애플리케이션을 추가하고, 앱에 사용자/그룹을 추가하고, 역할을 할당하고, SSO 구성을 연습할 수 있습니다. Microsoft 365 마법사에 대한 자세한 정보

Framer에 대한 Azure AD SSO 구성 및 테스트

B.Simon이라는 테스트 사용자를 사용하여 Framer에서 Azure AD SSO를 구성하고 테스트합니다. SSO가 작동하게 하려면 Azure AD 사용자와 Framer의 관련 사용자 간에 연결 관계를 설정해야 합니다.

Framer에서 Azure AD SSO를 구성하고 테스트하려면 다음 단계를 수행합니다.

  1. Azure AD SSO 구성 - 사용자가 이 기능을 사용할 수 있도록 합니다.
    1. Azure AD 테스트 사용자 만들기 - B.Simon을 사용하여 Azure AD Single Sign-On을 테스트합니다.
    2. Azure AD 테스트 사용자 할당 - B. Simon이 Azure AD Single Sign-On을 사용할 수 있도록 합니다.
  2. Framer SSO 구성 - 애플리케이션 쪽에서 Single Sign-On 설정을 구성합니다.
    1. Framer 테스트 사용자 만들기 - 사용자의 Azure AD 표현과 연결된 B.Simon의 해당 사용자를 Framer에 만듭니다.
  3. SSO 테스트 - 구성이 작동하는지 여부를 확인합니다.

Azure AD SSO 구성

Azure Portal에서 Azure AD SSO를 사용하도록 설정하려면 다음 단계를 수행합니다.

  1. Azure Portal의 Framer 애플리케이션 통합 페이지에서 관리 섹션을 찾아 Single Sign-On을 선택합니다.

  2. Single Sign-On 방법 선택 페이지에서 SAML을 선택합니다.

  3. SAML로 Single Sign-On 설정 페이지에서 기본 SAML 구성에 대한 연필 아이콘을 클릭하여 설정을 편집합니다.

    기본 SAML 구성 편집을 보여주는 스크린샷.

  4. 기본 SAML 구성 섹션에서 다음 단계를 수행합니다.

    a. 식별자 텍스트 상자에서 https://api.framer.com/auth/saml/callback/<ID> 패턴을 사용하여 URL을 입력합니다.

    b. 회신 URL 텍스트 상자에 다음 패턴으로 URL을 입력합니다.https://api.framer.com/auth/saml/callback/<ID>

  5. SP 시작 모드에서 애플리케이션을 구성하려면 추가 URL 설정를 클릭하고 다음 단계를 수행합니다.

    로그인 URL 텍스트 상자에서 https://api.framer.com/auth/saml/callback/<ID> 패턴을 사용하여 URL을 입력합니다.

    참고

    이러한 값은 실제 값이 아닙니다. 실제 식별자, 회신 URL 및 로그온 URL을 사용하여 이러한 값을 업데이트합니다. 이러한 값을 가져오려면 Framer 클라이언트 지원 팀에 문의하세요. Azure Portal의 기본 SAML 구성 섹션에 표시된 패턴을 참조할 수도 있습니다.

  6. SAML로 Single Sign-On 설정 페이지의 SAML 서명 인증서 섹션에서 페더레이션 메타데이터 XML을 찾고, 다운로드를 선택하여 인증서를 다운로드하고 컴퓨터에 저장합니다.

    인증서 다운로드 링크를 보여 주는 스크린샷

  7. Framer 설정 섹션에서 요구 사항에 따라 적절한 URL을 복사합니다.

    구성에 적절한 URL을 복사하는 방법을 보여 주는 스크린샷

Azure AD 테스트 사용자 만들기

이 섹션에서는 Azure Portal에서 B.Simon이라는 테스트 사용자를 만듭니다.

  1. Azure Portal의 왼쪽 창에서 Azure Active Directory, 사용자, 모든 사용자를 차례로 선택합니다.
  2. 화면 위쪽에서 새 사용자를 선택합니다.
  3. 사용자 속성에서 다음 단계를 수행합니다.
    1. 이름 필드에 을 입력합니다.
    2. 사용자 이름 필드에서 을 입력합니다. 예들 들어 B.Simon@contoso.com입니다.
    3. 암호 표시 확인란을 선택한 다음, 암호 상자에 표시된 값을 적어둡니다.
    4. 만들기를 클릭합니다.

Azure AD 테스트 사용자 할당

이 섹션에서는 Azure Single Sign-On을 사용할 수 있도록 B.Simon에게 Framer에 대한 액세스 권한을 부여합니다.

  1. Azure Portal에서 엔터프라이즈 애플리케이션을 선택한 다음, 모든 애플리케이션을 선택합니다.
  2. 애플리케이션 목록에서 Framer를 선택합니다.
  3. 앱의 개요 페이지에서 관리 섹션을 찾고 사용자 및 그룹을 선택합니다.
  4. 사용자 추가를 선택한 다음, 할당 추가 대화 상자에서 사용자 및 그룹을 선택합니다.
  5. 사용자 및 그룹 대화 상자의 사용자 목록에서 B.Simon을 선택한 다음, 화면 아래쪽에서 선택 단추를 클릭합니다.
  6. 사용자에게 역할을 할당할 것으로 예상되는 경우 역할 선택 드롭다운에서 선택할 수 있습니다. 이 앱에 대한 역할이 설정되지 않은 경우 "기본 액세스" 역할이 선택된 것으로 표시됩니다.
  7. 할당 추가 대화 상자에서 할당 단추를 클릭합니다.

Framer SSO 구성

Framer 쪽에서 Single Sign-On을 구성하려면 Azure Portal에서 적절히 복사한 URL과 다운로드한 페더레이션 메타데이터 XMLFramer 지원 팀으로 보내야 합니다. 이렇게 설정하면 SAML SSO 연결이 양쪽에서 제대로 설정됩니다.

Framer 테스트 사용자 만들기

이 섹션에서는 Framer에서 Britta Simon이라는 사용자를 만듭니다. Framer 지원 팀과 협력하여 Framer 플랫폼에서 사용자를 추가합니다. Single Sign-On을 사용하려면 먼저 사용자를 만들고 활성화해야 합니다.

SSO 테스트

이 섹션에서는 다음 옵션을 사용하여 Azure AD Single Sign-On 구성을 테스트합니다.

SP 시작:

  • Azure Portal에서 이 애플리케이션 테스트를 클릭합니다. 그러면 로그인 흐름을 시작할 수 있는 Framer 로그온 URL로 리디렉션됩니다.

  • Framer 로그온 URL로 직접 이동하여 해당 위치에서 로그인 흐름을 시작합니다.

IDP 시작:

  • Azure Portal에서 이 애플리케이션 테스트를 클릭하면 SSO를 설정한 Framer에 자동으로 로그인됩니다.

Microsoft 내 앱을 사용하여 모든 모드에서 애플리케이션을 테스트할 수도 있습니다. 내 앱에서 Framer 타일을 클릭하면 SP 모드로 구성된 경우 로그인 흐름을 시작하기 위해 애플리케이션 로그온 페이지로 리디렉션되고, IDP 모드로 구성된 경우에는 SSO를 설정한 Framer에 자동으로 로그인됩니다. 내 앱에 대한 자세한 내용은 내 앱 소개를 참조하세요.

다음 단계

Framer가 구성되면 세션 제어를 적용하여 조직에서 중요한 데이터의 반출 및 반입을 실시간으로 보호할 수 있습니다. 세션 제어는 조건부 액세스에서 확장됩니다. Microsoft Cloud App Security를 사용하여 세션 제어를 적용하는 방법을 알아봅니다.