Cette documentation est archivée et n’est pas conservée.

Procédure : héberger des pages de connexion dans votre application web ASP.NET

Publication: avril 2011

Mis à jour: juin 2015

S'applique à: Azure

  • Microsoft® Azure™ Access Control Service (ACS)

  • ASP.NET

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 entre votre page de connexion personnalisée et ACS s'effectue par l'intermédiaire du flux JSON exposé par ACS.

Pour vous permettre de contrôler entièrement 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 (services 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 comprend le code nécessaire pour communiquer avec le flux de métadonnées de découverte d'accueil de domaine. Cette page peut être téléchargée et personnalisée entièrement.

  • 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

  • Se familiariser 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.

  • É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

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.

  1. Si vous ne vous êtes pas authentifié avec un Windows Live® ID, vous devrez le faire.

  2. Une fois authentifié avec votre Windows Live ID (compte Microsoft), vous êtes redirigé vers la page Mes projets sur le portail Azure.

  3. Dans la page Mes projets, cliquez sur le nom de projet souhaité.

  4. 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.

  5. Dans la page Paramètres de contrôle d'accès, cliquez sur Gérer le contrôle d'accès.

  6. Faites défiler la page jusqu'à la section Développer, puis cliquez sur le lien Intégration d'applications.

  7. Dans la section Pages de connexion, cliquez sur le lien Pages de connexion.

  8. 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.

  9. Dans la page Intégration de la page de connexion : <<votre_partie_de_confiance>>, recherchez Option 2 : héberger votre page de connexion dans le cadre de votre section d'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. Elle se nomme généralement <<votre_domaine>>LoginPageCode.html.

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.

  1. 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).

  2. Concevez l'apparence de votre page de connexion personnalisée comme vous le souhaitez.

Lors de cette étape, vous allez intégrer votre nouvelle page de connexion personnalisée à votre application web ASP.NET.

  1. Copiez votre nouvelle page de connexion personnalisée dans un emplacement public dans votre application web ASP.NET (généralement le dossier racine).

  2. Exposez l'URL à votre page de connexion personnalisée dans une page publique, généralement Default.aspx. Les utilisateurs non authentifiés cliqueront dessus pour s'authentifier.

Afficher: