チュートリアル: Azure AD SSO と Framer の統合

このチュートリアルでは、Framer と Azure Active Directory (Azure AD) を統合する方法について説明します。 Framer を Azure AD と統合すると、次のことができます。

  • Framer にアクセスできるユーザーを Azure AD でコントロールする。
  • ユーザーが自分の Azure AD アカウントを使用して Framer に自動的にサインインできるようにする。
  • 1 つの中央サイト (Azure Portal) で自分のアカウントを管理します。

前提条件

開始するには、次が必要です。

  • Azure AD サブスクリプション。 サブスクリプションがない場合は、無料アカウントを取得できます。
  • Framer でのシングル サインオン (SSO) が有効なサブスクリプション。
  • クラウド アプリケーション管理者に加え、アプリケーション管理者も、Azure AD でアプリケーションを追加または管理することができます。 詳細については、Azure の組み込みロールに関するページを参照してください。

シナリオの説明

このチュートリアルでは、テスト環境で Azure AD の SSO を構成してテストします。

  • Framer では、SP initiated SSO と IDP initiated SSO がサポート*されます。

Azure AD への Framer の統合を構成するには、ギャラリーからマネージド SaaS アプリのリストに Framer を追加する必要があります。

  1. 職場または学校アカウントか、個人の Microsoft アカウントを使用して、Azure portal にサインインします。
  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 のシングル サインオンをテストします。
    2. Azure AD テスト ユーザーの割り当て - B.Simon が Azure AD シングル サインオンを使用できるようにします。
  2. Framer SSO の構成 - アプリケーション側でシングル サインオン設定を構成します。
    1. Framer のテスト ユーザーの作成Framer で B.Simon に対応するユーザーを作成し、Azure AD のそのユーザーにリンクさせます。
  3. SSO のテスト - 構成が機能するかどうかを確認します。

Azure AD SSO の構成

これらの手順に従って、Azure portal で Azure AD SSO を有効にします。

  1. Azure portal の Framer アプリケーション統合ページで、[管理] セクションを見つけて、[シングル サインオン] を選択します。

  2. [シングル サインオン方式の選択] ページで、 [SAML] を選択します。

  3. [SAML によるシングル サインオンのセットアップ] ページで、 [基本的な SAML 構成] の鉛筆アイコンをクリックして設定を編集します。

    基本的な SAML 構成を編集する方法を示すスクリーンショット。

  4. [基本的な SAML 構成] セクションで、次の手順を実行します。

    a. [識別子] ボックスに、https://api.framer.com/auth/saml/callback/<ID> の形式で URL を入力します。

    b. [応答 URL] ボックスに、https://api.framer.com/auth/saml/callback/<ID> のパターンを使用して URL を入力します。

  5. アプリケーションを SP 開始モードで構成する場合は、 [追加の URL を設定します] をクリックして次の手順を実行します。

    [サインオン URL] ボックスに、https://api.framer.com/auth/saml/callback/<ID> という形式で URL を入力します。

    注意

    これらは実際の値ではありません。 実際の識別子、応答 URL、サインオン URL でこれらの値を更新します。 これらの値を取得するには、Framer クライアント サポート チームに問い合わせてください。 Azure portal の [基本的な SAML 構成] セクションに示されているパターンを参照することもできます。

  6. [SAML によるシングル サインオンのセットアップ] ページの [SAML 署名証明書] セクションで、[フェデレーション メタデータ XML] を探して [ダウンロード] を選択し、証明書をダウンロードして、お使いのコンピューターに保存します。

    証明書のダウンロード リンクを示すスクリーンショット。

  7. [Framer の設定] セクションで、要件に基づいて該当する URL をコピーします。

    構成の適切な URL のコピーを示すスクリーンショット。

Azure AD のテスト ユーザーの作成

このセクションでは、Azure portal 内で B.Simon というテスト ユーザーを作成します。

  1. Azure portal の左側のウィンドウから、 [Azure Active Directory][ユーザー][すべてのユーザー] の順に選択します。
  2. 画面の上部にある [新しいユーザー] を選択します。
  3. [ユーザー] プロパティで、以下の手順を実行します。
    1. [名前] フィールドに「B.Simon」と入力します。
    2. [ユーザー名] フィールドに「username@companydomain.extension」と入力します。 たとえば、「 B.Simon@contoso.com 」のように入力します。
    3. [パスワードを表示] チェック ボックスをオンにし、 [パスワード] ボックスに表示された値を書き留めます。
    4. Create をクリックしてください。

Azure AD テスト ユーザーの割り当て

このセクションでは、B. Simon に Framer へのアクセスを許可して、Azure シングル サインオンを使用できるようにします。

  1. Azure portal で [エンタープライズ アプリケーション] を選択し、 [すべてのアプリケーション] を選択します。
  2. アプリケーションのリストで Framer を選択します。
  3. アプリの概要ページで、 [管理] セクションを見つけて、 [ユーザーとグループ] を選択します。
  4. [ユーザーの追加] を選択し、 [割り当ての追加] ダイアログで [ユーザーとグループ] を選択します。
  5. [ユーザーとグループ] ダイアログの [ユーザー] の一覧から [B.Simon] を選択し、画面の下部にある [選択] ボタンをクリックします。
  6. ユーザーにロールが割り当てられることが想定される場合は、 [ロールの選択] ドロップダウンからそれを選択できます。 このアプリに対してロールが設定されていない場合は、[既定のアクセス] ロールが選択されていることを確認します。
  7. [割り当ての追加] ダイアログで、 [割り当て] をクリックします。

Framer SSO の構成

Framer 側でシングル サインオンを構成するには、ダウンロードしたフェデレーション メタデータ XML と Azure portal からコピーした該当する URL を Framer サポート チームに送信する必要があります。 サポート チームはこれを設定して、SAML SSO 接続が両方の側で正しく設定されるようにします。

Framer のテスト ユーザーの作成

このセクションでは、Framer で Britta Simon というユーザーを作成します。 Framer サポート チームと連携して、Framer プラットフォームにユーザーを追加してください。 シングル サインオンを使用する前に、ユーザーを作成し、有効化する必要があります。

SSO のテスト

このセクションでは、次のオプションを使用して Azure AD のシングル サインオン構成をテストします。

SP Initiated:

  • Azure portal で [このアプリケーションをテストします] をクリックします。 これにより、ログイン フローを開始できる Framer のサインオン URL にリダイレクトされます。

  • Framer のサインオン URL に直接移動し、そこからログイン フローを開始します。

IDP Initiated:

  • Azure portal で [このアプリケーションをテストします] をクリックすると、SSO を設定した Framer に自動的にサインインされます。

また、Microsoft マイ アプリを使用して、任意のモードでアプリケーションをテストすることもできます。 マイ アプリで Framer のタイルをクリックすると、SP モードで構成されている場合は、ログイン フローを開始するためのアプリケーション サインオン ページにリダイレクトされます。IDP モードで構成されている場合は、SSO を設定した Framer に自動的にサインインされます。 マイ アプリの詳細については、マイ アプリの概要に関するページを参照してください。

次のステップ

Framer を構成したら、組織の機密データを流出と侵入からリアルタイムで保護するセッション コントロールを適用できます。 セッション制御は、条件付きアクセスを拡張したものです。 Microsoft Cloud App Security でセッション制御を強制する方法をご覧ください。