次の方法で共有

チュートリアル: Microsoft Entra SSO と Balsamiq Wireframes の統合を構成する

  • [アーティクル]

このチュートリアルでは、Balsamiq Wireframes を Microsoft Entra ID と統合する方法について説明します。 Balsamiq Wireframes を Microsoft Entra ID と統合すると、次のことができます。

  • Balsamiq Wireframes にアクセスできるユーザーを Microsoft Entra ID で制御する。
  • ユーザーが自分の Microsoft Entra アカウントを使用して Balsamiq Wireframes に自動的にサインインできるようにする。
  • 1 つの場所でアカウントを管理します。

前提条件

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

  • Microsoft Entra サブスクリプション。 サブスクリプションがない場合は、無料アカウントを取得できます。
  • Balsamiq Wireframes でのシングル サインオン (SSO) が有効なサブスクリプション。

注意

この機能は、200-projects Space プランのユーザーのみが使用できます。

シナリオの説明

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

  • Balsamiq Wireframes では、 SP と IDP Initiated SSO がサポートされます。
  • Balsamiq Wireframes では、 Just-In-Time ユーザー プロビジョニングがサポートされます。

Microsoft Entra ID への Balsamiq Wireframes の統合を構成するには、ギャラリーからマネージド SaaS アプリの一覧に Balsamiq Wireframes を追加する必要があります。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。
  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[新しいアプリケーション] に移動します。
  3. [ギャラリーから追加する] セクションで、検索ボックスに「Balsamiq Wireframes」と入力します。
  4. 結果ペインから [Balsamiq Wireframes] を選択し、アプリを追加します。 お使いのテナントにアプリが追加されるのを数秒待機します。

または、Enterprise App Configuration ウィザードを使用することもできます。 このウィザードでは、SSO の構成に加えて、テナントへのアプリケーションの追加、アプリへのユーザーとグループの追加、ロールの割り当てを行うことができます。 Microsoft 365 ウィザードの詳細をご覧ください。

Balsamiq Wireframes 用に Microsoft Entra SSO を構成してテストする

B.Simon というテスト ユーザーを使用して、Balsamiq Wireframes に対する Microsoft Entra SSO を構成してテストします。 SSO が機能するためには、Microsoft Entra ユーザーと Balsamiq Wireframes の関連ユーザーとの間にリンク関係を確立する必要があります。

Microsoft Entra SSO を Balsamiq Wireframes と組み合わせて構成してテストするには、次の手順を実行します:

  1. Microsoft Entra SSO を構成する - ユーザーがこの機能を使用できるようにします。
    1. Microsoft Entra のテスト ユーザーの作成 - B.Simon を使用して Microsoft Entra シングル サインオンをテストします。
    2. Microsoft Entra テスト ユーザーを割り当てる - B.Simon が Microsoft Entra シングル サインオンを使用できるようにします。
  2. Balsamiq Wireframes の SSO の構成 - アプリケーション側でシングル サインオン設定を構成します。
    1. Balsamiq Wireframes のテスト ユーザーの作成 - Balsamiq Wireframes で B.Simon に対応するユーザーを作成し、Microsoft Entra の B.Simon にリンクさせます。
  3. SSO のテスト - 構成が機能するかどうかを確認します。

Microsoft Entra SSO の構成

次の手順に従って Microsoft Entra SSO を有効にします。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。

  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[Balsamiq Wireframes]>[シングル サインオン] に移動します。

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

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

    Edit Basic SAML Configuration

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

    a. [識別子] ボックスに、https://balsamiq.cloud/samlsso/<ID> の形式で URL を入力します。

    b. [応答 URL] ボックスに、https://balsamiq.cloud/samlsso/<ID> のパターンを使用して URL を入力します

    c. [サインオン URL] ボックスに、https://balsamiq.cloud/samlsso/<ID> という形式で URL を入力します。

    d. [リレー状態] ボックスに、https://balsamiq.cloud/<ID>/projects のパターンで URL を入力します。

    注意

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

  6. Balsamiq Wireframes アプリケーションでは特定の形式の SAML アサーションが使用されるため、カスタム属性のマッピングを SAML トークンの属性の構成に追加する必要があります。 次のスクリーンショットには、既定の属性一覧が示されています。

    Screenshot shows list of attributes.

  7. その他に、Balsamiq Wireframes アプリケーションでは、いくつかの属性が SAML 応答で返されることが想定されています。それらの属性を次に示します。 これらの属性も値が事前に設定されますが、要件に従ってそれらの値を確認することができます。

    名前 ソース属性
    Email User.mail
    firstName User.givenname
    lastName User.surname

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

    The Certificate download link

  9. [Balsamiq Wireframes のセットアップ] セクションで、要件に基づいて適切な URL をコピーします。

    Copy configuration URLs

Microsoft Entra テスト ユーザーを作成する

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

  1. Microsoft Entra 管理センターにユーザー管理者以上でサインインしてください。
  2. [ID]>[ユーザー]>[すべてのユーザー] の順に移動します。
  3. 画面の上部で [新しいユーザー]>[新しいユーザーの作成] を選択します。
  4. [ユーザー] プロパティで、以下の手順を実行します。
    1. "表示名" フィールドに「B.Simon」と入力します。
    2. [ユーザー プリンシパル名] フィールドに「username@companydomain.extension」と入力します。 たとえば、「 B.Simon@contoso.com 」のように入力します。
    3. [パスワードを表示] チェック ボックスをオンにし、 [パスワード] ボックスに表示された値を書き留めます。
    4. [Review + create](レビュー + 作成) を選択します。
  5. [作成] を選択します。

Microsoft Entra テスト ユーザーを割り当てる

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

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。
  2. [ID]>[アプリケーション]>[エンタープライズ アプリケーション]>[Balsamiq Wireframes] に移動します。
  3. アプリの概要ページで、[ユーザーとグループ] を選択します。
  4. [ユーザーまたはグループの追加] を選択し、 [割り当ての追加] ダイアログで [ユーザーとグループ] を選択します。
    1. [ユーザーとグループ] ダイアログの [ユーザー] の一覧から [B.Simon] を選択し、画面の下部にある [選択] ボタンをクリックします。
    2. ユーザーにロールが割り当てられることが想定される場合は、 [ロールの選択] ドロップダウンからそれを選択できます。 このアプリに対してロールが設定されていない場合は、[既定のアクセス] ロールが選択されていることを確認します。
    3. [割り当ての追加] ダイアログで、 [割り当て] をクリックします。

Balsamiq Wireframes の SSO の構成

  1. 管理者としてお使いの Balsamiq Wireframes 社のサイトにログインします。

  2. [設定]>、[空白設定] の順に移動し、[シングル サインオン認証] の下にある [SSOの構成] をクリックします。

    Screenshot shows the SSO Settings.

  3. 必要なすべての値をコピーし、次の手順で Azure portal の [基本的な SAML 構成] セクションに貼り付けて、[次へ] をクリックします。

    Screenshot shows the Service Provider Details.

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

    Screenshot shows the IDP Metadata.

    1. [SAML 2.0 Endpoint(HTTP)] (SAML 2.0 エンドポイント (HTTP)) テキストボックスに、先ほどコピーしたログイン URL の値を貼り付けます。

    2. [Identity Provider Issuer] (ID プロバイダー発行者) テキストボックスに、先ほどコピーした Microsoft Entra 識別子の値を貼り付けます。

    3. ダウンロードしたフェデレーション メタデータ XML ファイルを開き、[公開証明書] セクションにそのファイルをアップロードします。

    4. [次へ] をクリックします。

    Note

    アップロードする IdP メタデータ ファイルがある場合、フィールドは自動的に設定されます。

  5. SAML 構成を確認し、[SAML ログインのテスト] ボタンをクリックして、[次へ] をクリックします。

    Screenshot shows the SAML configuration.

  6. テスト構成が正常に完了したら、[今すぐ SAML SSO を有効にする] をクリックします。

    Screenshot shows the Test SAML.

Balsamiq Wireframes のテストユーザーを作成する

このセクションでは、Britta Simon というユーザーを Balsamiq Wireframes に作成します。 Balsamiq Wireframes では、Just-In-Time ユーザー プロビジョニングがサポートされています。この設定は既定で有効になっています。 このセクションでは、ユーザー側で必要な操作はありません。 Balsamiq Wireframes にユーザーがまだ存在していない場合は、認証後に新規に作成されます。

SSO のテスト

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

SP Initiated:

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

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

IDP Initiated:

  • [Test this application] (このアプリケーションをテストする) をクリックすると、SSO を設定した Balsamiq Wireframes に自動的にサインインされます。

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

次のステップ

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