Condividi tramite


Procedura: Ospitare pagine di accesso nell'applicazione Web ASP.NET

Aggiornamento: 19 giugno 2015

Si applica a: Azure

Si applica a

  • Servizio di controllo di accesso di Microsoft® Azure™ (ACS)

  • ASP.NET

Panoramica

Questo argomento descrive come ospitare una pagina di accesso nell'applicazione ASP.NET. Questo metodo consente di personalizzare completamente il layout e l'aspetto della pagina di accesso. La comunicazione dalla pagina di accesso personalizzata a ACS viene eseguita sul feed JSON esposto da ACS.

Per abilitare il controllo completo sull'aspetto, il comportamento e la posizione della pagina di accesso federata, ACS fornisce un feed di metadati con codifica JSON che fornisce i nomi, gli URL di accesso, le immagini e i nomi di dominio di posta elettronica (solo AD FS) per i provider di identità. Questo feed è noto come "Feed di metadati individuazione area home". ACS fornisce un esempio di una pagina di accesso personalizzata che include il codice necessario per comunicare con il feed di metadati di individuazione dell'area di autenticazione home. Questa pagina può essere scaricata e completamente personalizzata.

Contenuto

  • Obiettivi

  • Panoramica

  • Riepilogo dei passaggi

  • Passaggio 1 - Scaricare una pagina di accesso personalizzata di esempio

  • Passaggio 2 - Personalizzare l'aspetto della pagina di accesso personalizzata

  • Passaggio 3 - Integrare una pagina di accesso personalizzata in un'applicazione Web ASP.NET

Obiettivi

  • Acquisire familiarità con una pagina di accesso nel portale di gestione di ACS.

  • Verificare che ciascun obiettivo sia espresso come attività specifica.

  • Ospitare una pagina di accesso in un'applicazione Web ASP.NET in modo da garantire un aspetto coerente.

Riepilogo dei passaggi

  • Passaggio 1 - Scaricare una pagina di accesso personalizzata di esempio

  • Passaggio 2 - Personalizzare l'aspetto della pagina di accesso personalizzata

  • Passaggio 3 - Integrare una pagina di accesso personalizzata in un'applicazione Web ASP.NET

Passaggio 1 - Scaricare una pagina di accesso personalizzata di esempio

In questo passaggio viene descritto come scaricare una pagina di accesso personalizzata di esempio. La pagina di accesso personalizzata di esempio verrà usata per eseguire le personalizzazioni desiderate e quindi verrà ospitata nell'applicazione ASP.NET.

Per scaricare una pagina di accesso personalizzata di esempio

  1. All'utente non ancora autenticato verrà richiesto di effettuare l'autenticazione con Windows Live® ID.

  2. Dopo l'autenticazione con il Windows Live ID (account Microsoft), si viene reindirizzati alla pagina Progetti personali nel portale di Azure.

  3. Fare clic sul nome di progetto desiderato nella pagina My Project.

  4. Nella pagina contenente i dettagli del progetto individuare lo spazio dei nomi desiderato, quindi fare clic sul collegamento Access Control nella colonna Manage.

  5. Nella pagina Access Control Settings fare clic su Manage Access Control.

  6. Scorrere verso il basso fino alla sezione Develop, quindi fare clic sul collegamento Application Integration.

  7. Nella sezione Login Pages fare clic sul collegamento Login Pages.

  8. Nella pagina Login Page Integration fare clic sull'applicazione relying party desiderata nella colonna Relying Party Application.

  9. Nella pagina Integrazione pagina di accesso: La tua entità>> di risposta individuare l'opzione 2: <<Ospitare la pagina di accesso come parte della sezione dell'applicazione e quindi fare clic sul pulsante Scarica pagina di accesso di esempio. Salvare la pagina in una posizione arbitraria. Questa pagina verrà usata per la personalizzazione. Il nome della pagina è in genere <<YourRealm>>LoginPageCode.html.

Passaggio 2 - Personalizzare l'aspetto della pagina di accesso personalizzata

In questo passaggio viene personalizzata la pagina di accesso personalizzata di esempio scaricata nel passaggio precedente.

  1. Usare qualsiasi editor HTML desiderato, dal semplice Blocco note all'avanzato editor HTML di Visual Studio® 2010.

  2. Progettare l'aspetto della pagina di accesso personalizzata come desiderato.

Passaggio 3 - Integrare una pagina di accesso personalizzata in un'applicazione Web ASP.NET

In questo passaggio viene integrata nell'applicazione Web ASP.NET la pagina di accesso personalizzata appena progettata.

  1. Copiare la pagina di accesso personalizzata appena progettata in una posizione pubblica dell'applicazione Web ASP.NET, in genere la cartella radice.

  2. Esporre l'URL alla pagina di accesso personalizzata in una pagina pubblica, in genere Default.aspx. Gli utenti non autenticati faranno clic su di esso per essere autenticati.