Guide pratique pour héberger des pages de connexion dans votre application web ASP.NET
Mise à jour : 19 juin 2015
S’applique à : Azure
S'applique à
Microsoft® Azure™ Access Control Service (ACS)
ASP.NET
Vue d’ensemble
Cette rubrique explique comment héberger une page de connexion dans votre application ASP.NET. Cette méthode vous permet de personnaliser entièrement la disposition et l'apparence de votre page de connexion. La communication de votre page de connexion personnalisée à ACS est effectuée sur le flux JSON exposé par ACS.
Pour activer le contrôle total sur l’apparence, le comportement et l’emplacement de votre page de connexion fédérée, ACS fournit un flux de métadonnées encodé JSON qui fournit les noms, les URL de connexion, les images et les noms de domaine de messagerie (AD FS uniquement) pour vos fournisseurs d’identité. Ce flux est appelé « Flux de métadonnées de découverte d'accueil de domaine ». ACS fournit un exemple de page de connexion personnalisée qui inclut le code nécessaire pour communiquer avec le flux de métadonnées de découverte du domaine d’accueil. Cette page peut être téléchargée et personnalisée entièrement.
Contenu
Objectifs
Vue d’ensemble
Résumé des étapes
Étape 1 – Téléchargement d'un exemple de page de connexion personnalisée
Étape 2 – Personnalisation de l'apparence de votre page de connexion personnalisée
Étape 3 – Intégration d'une page de connexion personnalisée à une application web ASP.NET
Objectifs
Familiarisez-vous avec une page de connexion dans le portail de gestion ACS.
S'assurer que chaque objectif est exprimé sous la forme d'une tâche spécifique.
Héberger une page de connexion dans une application web ASP.NET pour fournir une apparence cohérente.
Résumé des étapes
Étape 1 – Télécharger un exemple de page de connexion personnalisée
Étape 2 – Personnaliser l'apparence de votre page de connexion personnalisée
Étape 3 – Intégrer une page de connexion personnalisée à une application web ASP.NET
Étape 1 – Télécharger un exemple de page de connexion personnalisée
Cette étape montre comment télécharger un exemple de page de connexion personnalisée. Vous utiliserez l'exemple de page de connexion personnalisée pour personnaliser la page en fonction de vos besoins, puis vous l'hébergerez dans votre application ASP.NET.
Pour télécharger un exemple de page de connexion personnalisée
Si vous ne vous êtes pas authentifié avec un Windows Live® ID, vous devrez le faire.
Après avoir été authentifié avec votre ID live Windows (compte Microsoft), vous êtes redirigé vers la page Mes projets sur le Portail Azure.
Dans la page Mes projets, cliquez sur le nom de projet souhaité.
Dans la page de détail du projet, recherchez l'espace de noms souhaité, puis, dans la colonne Gérer, cliquez sur le lien Contrôle d'accès.
Dans la page Paramètres de contrôle d'accès, cliquez sur Gérer le contrôle d'accès.
Faites défiler la page jusqu'à la section Développer, puis cliquez sur le lien Intégration d'applications.
Dans la section Pages de connexion, cliquez sur le lien Pages de connexion.
Dans la page Intégration de la page de connexion, cliquez sur l'application de partie de confiance souhaitée dans la colonne Application de partie de confiance.
Dans l’intégration de la page de connexion : <<votre page Partie>> de réponse, recherchez l’option 2 : hébergez la page de connexion dans la section de votre application, puis cliquez sur le bouton Télécharger l’exemple de page de connexion. Enregistrez la page dans un emplacement arbitraire. Il s'agit de la page que vous utiliserez pour la personnalisation. Le nom de la page est généralement <<YourRealm>>LoginPageCode.html.
Étape 2 – Personnalisation de l'apparence de votre page de connexion personnalisée
Lors de cette étape, vous allez personnaliser l'exemple de page de connexion personnalisée que vous avez téléchargé à l'étape précédente.
Utilisez un éditeur HTML de votre choix : il peut s'agir d'un éditeur tout simple (comme le Bloc-notes) ou très robuste (comme l'éditeur HTML de Visual Studio® 2010).
Concevez l'apparence de votre page de connexion personnalisée comme vous le souhaitez.
Étape 3 – Intégration d'une page de connexion personnalisée à une application web ASP.NET
Lors de cette étape, vous allez intégrer votre nouvelle page de connexion personnalisée à votre application web ASP.NET.
Copiez votre nouvelle page de connexion personnalisée dans un emplacement public dans votre application web ASP.NET (généralement le dossier racine).
Exposez l’URL à votre page de connexion personnalisée sur une page publique, généralement Default.aspx. Les utilisateurs non authentifiés cliquent dessus pour être authentifiés.