次の方法で共有

方法: ASP.NET Web アプリケーションでログイン ページをホストする

  • [アーティクル]

更新日: 2015 年 6 月 19 日

適用先:Azure

適用対象

  • Microsoft® Azure™ Access Control Service (ACS)

  • ASP.NET

概要

このトピックでは、ASP.NET アプリケーションでのログイン ページのホスト方法について説明します。 この方法を使用すると、ログイン ページのレイアウトや外観に関して完全にカスタマイズできます。 カスタム ログイン ページから ACS への通信は、ACS が公開する JSON フィードを介して実行されます。

フェデレーション ログイン ページの外観、動作、場所を完全に制御できるように、ACS には、ID プロバイダーの名前、ログイン URL、イメージ、および電子メール ドメイン名 (AD FS のみ) を提供する JSON エンコードメタデータ フィードが用意されています。 このフィードは、"ホーム領域探索メタデータ フィード" と呼ばれます。 ACS は、ホーム領域探索メタデータ フィードと通信するために必要なコードを含むカスタム ログイン ページの例を提供します。 このページをダウンロードして、完全にカスタマイズすることができます。

内容

  • 目標

  • 概要

  • 手順の要約

  • 手順 1 – カスタム ログイン ページの例をダウンロードする

  • 手順 2 – カスタム ログイン ページの外観をカスタマイズする

  • 手順 3 – ASP.NET Web アプリケーションでカスタム ログイン ページを統合する

目標

  • ACS 管理ポータルのログイン ページを理解する。

  • 各目標が特定のタスクとして表されていることを確認する。

  • ASP.NET Web アプリケーションでログイン ページをホストして、一貫した外観を提供する。

手順の要約

  • 手順 1 – カスタム ログイン ページの例をダウンロードする

  • 手順 2 – カスタム ログイン ページの外観をカスタマイズする

  • 手順 3 – ASP.NET Web アプリケーションでカスタム ログイン ページを統合する

手順 1 – カスタム ログイン ページの例をダウンロードする

この手順では、カスタム ログイン ページの例をダウンロードする方法を示します。 カスタム ログイン ページの例を使用し、ニーズに合わせてカスタマイズしてから、ASP.NET アプリケーションでホストします。

カスタム ログイン ページの例をダウンロードするには

  2. Windows Live® ID を使用して認証されていない場合は、認証される必要があります。

  3. Windows Live ID (Microsoft アカウント) で認証されると、Azure portalの [マイ プロジェクト] ページにリダイレクトされます。

  4. [マイ プロジェクト] ページで必要なプロジェクト名をクリックします。

  5. プロジェクトの詳細ページで、必要な名前空間を見つけてから、[管理] 列の [アクセス制御] リンクをクリックします。

  6. [アクセス制御設定] ページで [アクセス制御の管理] をクリックします。

  7. [開発] セクションまでスクロール ダウンしてから、[アプリケーションの統合] リンクをクリックします。

  8. [ログイン ページ] セクションで、[ログイン ページ] リンクをクリックします。

  9. [ログイン ページの統合] ページで、[証明書利用者アプリケーション] 列の必要な証明書利用者アプリケーションをクリックします。

  10. [Login Page Integration: Your Replying Party]\(ログイン ページ統合: <<返信者>>\) ページで、オプション 2: Host the login page as your application section, and then click the Download Example Login Page button. 任意の場所にページを保存します。 これは、カスタマイズに使用するページです。 通常、ページの名前は <<YourRealm>>LoginPageCode.htmlです。

手順 2 – カスタム ログイン ページの外観をカスタマイズする

この手順では、前のページでダウンロードしたカスタム ログイン ページ例をカスタマイズします。

  1. 任意の HTML エディターを使用します。メモ帳のように単純なものや、Visual Studio® 2010 HTML エディターのように堅牢なものを使用できます。

  2. ニーズに合わせて、カスタム ログイン ページの外観を設計します。

手順 3 – ASP.NET Web アプリケーションでカスタム ログイン ページを統合する

この手順では、新しく設計したカスタム ログイン ページを ASP.NET Web アプリケーションと統合します。

  1. 新しく設計したカスタム ログイン ページを、ASP.NET Web アプリケーションの公開された場所 (通常はルート フォルダー) にコピーします。

  2. パブリック ページ (通常は Default.aspx) でカスタム ログイン ページに URL を公開します。 認証されていないユーザーは、認証を受けるためにクリックします。