Como hospedar páginas de logon em seu aplicativo Web ASP.NET
Atualizado: 19 de junho de 2015
Aplica-se ao Azure
Aplica-se A
Serviço de Controle de Acesso (ACS) do Microsoft® Azure™
ASP.NET
Visão geral
Este tópico descreve como hospedar uma página de logon no aplicativo ASP.NET. Esse método permite que você personalize totalmente sua página de logon em relação ao layout e aparência. A comunicação da página de logon personalizada para o ACS é executada no feed JSON exposto pelo ACS.
Para habilitar o controle total sobre a aparência, o comportamento e o local da página de logon federado, o ACS fornece um feed de metadados codificados em JSON que fornece os nomes, URLs de logon, imagens e nomes de domínio de email (somente AD FS) para seus provedores de identidade. Esse feed é conhecido como "Feed de Metadados de Descoberta de Realm Doméstico". O ACS fornece um exemplo de uma página de logon personalizada que inclui o código necessário para se comunicar com o Feed de Metadados de Descoberta de Realm Doméstico. A página pode ser baixada e totalmente personalizada.
Sumário
Objetivos
Visão geral
Resumo das etapas
Etapa 1 – Baixando um exemplo de página de logon personalizada
Etapa 2 – Personalizando a aparência da página de logon personalizada
Etapa 3 – Integrando uma página de logon personalizada a um aplicativo Web ASP.NET
Objetivos
Familiarize-se com uma página de logon no Portal de Gerenciamento do ACS.
Garantindo que cada objetivo seja expresso como uma tarefa específica.
Hospedando uma página de logon em um aplicativo Web ASP.NET para garantir uma aparência consistência.
Resumo das etapas
Etapa 1 – Baixar um exemplo de página de logon personalizada
Etapa 2 – Personalizar a aparência da página de logon personalizada
Etapa 3 – Integrar uma página de logon personalizada a um aplicativo Web ASP.NET
Etapa 1 – Baixar um exemplo de página de logon personalizada
Esta etapa mostra como baixar um exemplo de página de logon personalizada. Você usará o exemplo de página de logon personalizada para adaptá-la às suas necessidades e, em seguida, hospedá-la em seu aplicativo ASP.NET.
Para baixar um exemplo de página de logon personalizada
Se você não foi autenticado com o Windows Live® ID, terá que fazê-lo.
Depois de ser autenticado com sua Windows ID Dinâmica (conta da Microsoft), você será redirecionado para a página Meus Projetos no portal do Azure.
Clique no nome do projeto desejado na página Meu Projeto.
Na página de detalhes do projeto, localize o namespace desejado e clique no link do Controle de Acesso na coluna Gerenciar.
Na página Configurações de Controle de Acesso, clique em Gerenciar Controle de Acesso.
Role a página para baixo até a seção Desenvolver e clique no link de Integração de Aplicativos.
Na seção Páginas de Logon, clique no link Páginas de Logon.
Na página Integração da Página de Logon, clique no aplicativo de terceira parte confiável desejado na coluna Aplicativo de Terceira Parte Confiável.
Na integração de página de logon: <<sua página Da Parte>> De Resposta, localize a Opção 2: hospede a página de logon como parte da seção do aplicativo e clique no botão Baixar Página de Logon de Exemplo. Salve a página em um local arbitrário. Essa é a página que você usará para personalização. O nome da página geralmente <<é YourRealm>>LoginPageCode.html.
Etapa 2 – Personalizando a aparência da página de logon personalizada
Nessa etapa, você personaliza o exemplo de página de logon personalizada que baixou na página anterior.
Use um editor de HTML de sua escolha — pode ser um simples como o Bloco de Notas ou um robusto como o editor de HTML do Visual Studio® 2010.
Crie a aparência de sua página de logon personalizada a seu gosto.
Etapa 3 – Integrando uma página de logon personalizada a um aplicativo Web ASP.NET
Nesta etapa, você integra a recém-criada página de logon personalizada com o aplicativo Web ASP.NET.
Copie a recém-criada página de logon personalizada para um local público no aplicativo Web ASP.NET, normalmente a pasta raiz.
Exponha a URL à sua página de logon personalizada em uma página pública, geralmente Default.aspx. Os usuários não autenticados clicarão nele para serem autenticados.