Vorgehensweise: Hosten von Anmeldeseiten in Ihrer ASP.NET-Webanwendung

  • Artikel

Aktualisiert: 19. Juni 2015

Gilt für: Azure

Gilt für

  • Microsoft® Azure™ Access Control Service (ACS)

  • ASP.NET

Übersicht

In diesem Thema wird beschrieben, wie eine Anmeldeseite in Ihrer ASP.NET-Anwendung gehostet wird. Diese Methode ermöglicht die vollständige Anpassung der Anmeldeseite hinsichtlich Layout und Erscheinungsbild. Die Kommunikation von Ihrer benutzerdefinierten Anmeldeseite an ACS wird über den JSON-Feed ausgeführt, den ACS verfügbar macht.

Um die vollständige Kontrolle über die Darstellung, das Verhalten und den Speicherort Ihrer Partneranmeldungsseite zu aktivieren, bietet ACS einen JSON-codierten Metadatenfeed, der die Namen, Anmelde-URLs, Bilder und E-Mail-Domänennamen (nur AD FS) für Ihre Identitätsanbieter bereitstellt. Dieser Feed wird als "Home Realm Discovery Metadatenfeed" bezeichnet. ACS stellt ein Beispiel für eine benutzerdefinierte Anmeldeseite bereit, die den erforderlichen Code enthält, um mit dem Home Realm Discovery-Metadatenfeed zu kommunizieren. Diese Seite kann heruntergeladen und vollständig angepasst werden.

Inhalte

  • Ziele

  • Übersicht

  • Zusammenfassung von Schritten

  • Schritt 1 – Herunterladen einer benutzerdefinierten Beispielanmeldeseite

  • Schritt 2 – Anpassen des Erscheinungsbilds der benutzerdefinierten Anmeldeseite

  • Schritt 3 – Integrieren einer benutzerdefinierten Anmeldeseite in eine ASP.NET-Webanwendung

Ziele

  • Vertraut mit einer Anmeldeseite im ACS-Verwaltungsportal.

  • Sicherstellen, dass jedes Ziel als als bestimmte Aufgabe ausgedrückt wird

  • Hosten einer Anmeldeseite in einer ASP.NET-Webanwendung, um ein konsistentes Erscheinungsbild bereitzustellen

Zusammenfassung von Schritten

  • Schritt 1 – Herunterladen einer benutzerdefinierten Beispielanmeldeseite

  • Schritt 2 – Anpassen des Erscheinungsbilds der benutzerdefinierten Anmeldeseite

  • Schritt 3 – Integrieren einer benutzerdefinierten Anmeldeseite in eine ASP.NET-Webanwendung

Schritt 1 – Herunterladen einer benutzerdefinierten Beispielanmeldeseite

In diesem Schritt wird gezeigt, wie eine benutzerdefinierte Beispielanmeldeseite heruntergeladen wird. Sie verwenden die benutzerdefinierte Beispielanmeldeseite, um sie an Ihre Anforderungen anzupassen und dann in Ihrer ASP.NET-Anwendung zu hosten.

So laden Sie eine benutzerdefinierte Beispielanmeldeseite herunter

  2. Wenn Sie nicht mithilfe von Windows Live® ID authentifiziert wurden, ist dieser Vorgang nun erforderlich.

  3. Nachdem Sie sich mit Ihrer Windows Live-ID (Microsoft-Konto) authentifiziert haben, werden Sie auf der Azure-Portal zur Seite "Meine Projekte" umgeleitet.

  4. Klicken Sie auf der Seite Mein Projekt auf den gewünschten Projektnamen.

  5. Suchen Sie auf der Detailseite des Projekts nach dem gewünschten Namespace, und klicken Sie dann in der Spalte Verwalten auf den Link Zugriffssteuerung.

  6. Klicken Sie auf der Seite Zugriffssteuerungseinstellungen auf Zugriffssteuerung verwalten.

  7. Führen Sie einen Bildlauf nach unten bis zum Abschnitt Entwickeln aus, und klicken Sie dann auf den Link Anwendungsintegration.

  8. Klicken Sie im Abschnitt Anmeldeseiten auf den Link Anmeldeseiten.

  9. Klicken Sie auf der Seite Anmeldeseitenintegration in der Spalte Anwendung der vertrauenden Seite auf die gewünschte Anwendung der vertrauenden Seite.

  10. Suchen Sie auf der Seite "Anmeldeseite" nach Option 2: <<>>Hosten Sie die Anmeldeseite im Abschnitt "Anwendung" und klicken Sie dann auf die Schaltfläche "Beispielanmeldung herunterladen". Speichern Sie die Seite an einem beliebigen Speicherort. Dies ist die Seite, die Sie für die Anpassungen verwenden. Der Name der Seite ist normalerweise <<YourRealm>>LoginPageCode.html.

Schritt 2 – Anpassen des Erscheinungsbilds der benutzerdefinierten Anmeldeseite

In diesem Schritt passen Sie die im vorherigen Schritt heruntergeladene benutzerdefinierte Beispielanmeldeseite an.

  1. Verwenden Sie einen beliebigen HTML-Editor Ihrer Wahl. Dabei kann es sich um eine einfache Anwendung wie etwa Editor oder ein anspruchsvolleres Programm (z. B. den HTML-Editor von Visual Studio® 2010) handeln.

  2. Gestalten Sie das Erscheinungsbild Ihrer benutzerdefinierten Anmeldeseite nach Ihren Wünschen.

Schritt 3 – Integrieren einer benutzerdefinierten Anmeldeseite in eine ASP.NET-Webanwendung

In diesem Schritt integrieren Sie die neu gestaltete benutzerdefinierte Anmeldeseite in Ihre ASP.NET-Webanwendung.

  1. Kopieren Sie die neu gestaltete benutzerdefinierte Anmeldeseite in einen öffentlichen Speicherort in Ihrer ASP.NET-Webanwendung. Normalerweise ist dies der Stammordner.

  2. Stellen Sie die URL für Ihre benutzerdefinierte Anmeldeseite auf einer öffentlichen Seite bereit, normalerweise Default.aspx. Nicht authentifizierte Benutzer klicken darauf, um authentifiziert zu werden.