如何:在 ASP.NET Web 应用程序中托管登录页

更新时间:2015 年 6 月 19 日

适用于:Azure

应用于

  • Microsoft® Azure™ 访问控制服务 (ACS)

  • ASP.NET

概述

本主题介绍如何在 ASP.NET 应用程序中托管登录页。 此方法允许你根据登录页的布局和外观来完全自定义登录页。 通过 ACS 公开的 JSON 源执行从自定义登录页到 ACS 的通信。

若要完全控制联合登录页的外观、行为和位置,ACS 提供 JSON 编码的元数据源,该源提供名称、登录 URL、图像和电子邮件域名, (AD FS 仅) 标识提供者。 此源称为“主领域发现元数据源”。 ACS 提供了自定义登录页的示例,其中包含与主领域发现元数据源通信所需的代码。 该页可以下载,并可完全自定义。

目录

  • 目标

  • 概述

  • 步骤摘要

  • 步骤 1 - 下载示例自定义登录页

  • 步骤 2 - 对自定义登录页的外观进行自定义

  • 步骤 3 - 在 ASP.NET Web 应用程序中集成自定义登录页

目标

  • 熟悉 ACS 管理门户中的登录页。

  • 确保每个目标均表示为一个特定任务

  • 在 ASP.NET Web 应用程序中托管登录页,以提供一致的外观。

步骤摘要

  • 步骤 1 - 下载示例自定义登录页

  • 步骤 2 - 对自定义登录页的外观进行自定义

  • 步骤 3 - 在 ASP.NET Web 应用程序中集成自定义登录页

步骤 1 - 下载示例自定义登录页

此步骤介绍如何下载示例自定义登录页。 你将使用示例自定义登录页来根据需求进行自定义,然后在 ASP.NET 应用程序中托管该页。

下载示例自定义登录页

  1. 如果你未使用 Windows Live® ID 进行身份验证,则会被要求这样做。

  2. Windows Live ID (Microsoft 帐户) 进行身份验证后,系统会重定向到Azure 门户上的“我的项目”页面。

  3. 单击“我的项目”页上的所需项目名称。

  4. 在该项目的详细信息页上,找到所需的命名空间,然后单击“管理”列中的“访问控制”链接。

  5. “访问控制设置”页上,单击“管理访问控制”

  6. 向下滚动到“开发”部分,然后单击“应用程序集成”链接。

  7. “登录页”部分中,单击“登录页”链接。

  8. “登录页集成”页上,单击“信赖方应用程序”列中的所需信赖方应用程序。

  9. “登录页集成: <<答复方>> ”页上,找到 选项 2:将登录页作为应用程序部分的一部分托管,然后单击“ 下载示例登录页 ”按钮。 将该页保存到任意位置。 这是将用于自定义的页。 页面的名称通常是 <<YourRealm>>LoginPageCode.html

步骤 2 - 对自定义登录页的外观进行自定义

在此步骤中,你将自定义在前一页中下载的示例自定义登录页。

  1. 使用所选的任何 HTML 编辑器 - 它既可以像记事本一样简单,也可以像 Visual Studio® 2010 HTML 编辑器一样功能强大。

  2. 根据需要设计自定义登录页的外观。

步骤 3 - 在 ASP.NET Web 应用程序中集成自定义登录页

在此步骤中,你会将新设计的自定义登录页与 ASP.NET Web 应用程序集成。

  1. 将新设计的自定义登录页复制到 ASP.NET Web 应用程序中的公共位置(通常为根文件夹)。

  2. 公开公共页面上自定义登录页的 URL,通常是 Default.aspx。 未经身份验证的用户将单击该用户进行身份验证。