匯出 (0) 列印
全部展開

作法:在您的 ASP.NET Web 應用程式中主控登入頁面

發佈時間: 2011年4月

更新日期: 2014年2月

適用於: Azure

  • Microsoft® Windows Azure™ AppFabric Access Control Service (ACS)

  • ASP.NET

此主題說明如何在您的 ASP.NET 應用程式中主控登入頁面。此方法允許您完全自訂您的登入頁面,包括其配置、外觀及感覺。從您的自訂頁面到 ACS 的通訊是在 ACS 提供的 JSON 摘要上執行。

為了讓您可以完全控制您的同盟登入頁面具有的外觀、行為及位置,ACS 提供一個以 JSON 編碼的中繼資料,以提供您的身分識別提供者所屬的名稱、登入 URL、影像以及電子郵件網域名稱 (僅限 AD FS)。這個摘要又稱為「主領域搜索中繼資料摘要」(Home Realm Discovery Metadata Feed)。ACS 提供一個自訂登入頁面的範例,其中包括與「主領域搜尋中繼資料摘要」通訊所需的程式碼。您可以下載並完全自訂此頁面。

  • 目標

  • 概觀

  • 步驟摘要

  • 步驟 1 – 下載自訂登入頁面範例

  • 步驟 2 – 自訂您的自訂登入頁面外觀與感覺

  • 步驟 3 – 在 ASP.NET Web 應用程式中整合自訂登入頁面

  • 熟悉 ACS 管理入口網站中的登入頁面。

  • 請確定每個目標都以特定工作的方式表示

  • 在 ASP.NET Web 應用程式中主控登入頁面以提供一致的外觀與感覺。

  • 步驟 1 – 下載自訂登入頁面範例

  • 步驟 2 – 自訂您的自訂登入頁面外觀與感覺

  • 步驟 3 – 在 ASP.NET Web 應用程式中整合自訂登入頁面

此步驟顯示如何下載自訂登入頁面範例。您將使用此自訂登入頁面範例根據您的需求自訂,然後在您的 ASP.NET 應用程式中主控它。

  1. 瀏覽至 http://portal.windows.net (http://go.microsoft.com/fwlink/?LinkID=129428)。

  2. 若未使用 Windows Live® ID 執行驗證,您必須這麼做。

  3. 使用 Windows Live ID 驗證後,系統會將您重新導向 Windows Azure AppFabric 入口網站的 [我的專案] 頁面。

  4. [我的專案] 頁面上按一下所要的專案名稱。

  5. 在專案的詳細資料頁面上,找到想要的命名空間,然後按一下 [管理] 欄位中的 [存取控制] 連結。

  6. [存取控制設定] 頁面上,按一下 [管理存取控制]

  7. 向下捲到 [開發] 區段,然後按一下 [應用程式整合] 連結。

  8. [登入頁面] 區段中,按一下 [登入頁面] 連結。

  9. [登入頁面整合] 頁面上,在 [信賴憑證者應用程式] 欄位中,按一下想要的信賴憑證者應用程式。

  10. [登入頁面整合:<<您的信賴憑證者]>>] 頁面上,尋找 [選項 2:將登入頁面作為應用程式的一部分主控] 區段,然後按一下 [下載登入頁面範例] 按鈕。將頁面儲存到任意位置。這就是您要用於自訂的頁面。頁面的名稱通常是 <<YourRealm>>LoginPageCode.html

在此步驟中,您將自訂您在上一頁下載的自訂登入頁面範例。

  1. 請隨意選擇任何 HTML 編輯器 - 可以是簡單的 [記事本] 或強大的 Visual Studio® 2010 HTML Editor。

  2. 依您想要的方式設計自訂登入頁面的外觀與感覺。

在此步驟中,您會整合您剛剛設計的自訂登入頁面與您的 ASP.NET Web 應用程式。

  1. 將您剛剛設計的自訂登入頁面複製到 ASP.NET Web 應用程式中的共用位置 - 通常是根資料夾。

  2. 在公開網頁上公開您自訂登入網頁的 URL (通常是 Default.aspx)。未經授權的使用者將按一下此 URL 以進行驗證。

社群新增項目

新增
顯示:
© 2014 Microsoft