Dela via


Anvisningar: Värdinloggningssidor i din ASP.NET-webbapp

Uppdaterad: 19 juni 2015

Gäller för: Azure

Gäller för

  • Microsoft® Azure™ Access Control Service (ACS)

  • ASP.NET

Översikt

Det här avsnittet beskriver hur du är värd för en inloggningssida i ditt ASP.NET-program. Med den här metoden kan du anpassa inloggningssidan helt med avseende på layout, utseende och känsla. Kommunikationen från din anpassade inloggningssida till ACS utförs via JSON-feeden som ACS exponerar.

För att ge fullständig kontroll över utseendet, beteendet och platsen för din federerade inloggningssida tillhandahåller ACS ett JSON-kodat metadataflöde som innehåller namn, inloggnings-URL:er, bilder och e-postdomännamn (endast AD FS) för dina identitetsprovidrar. Den här feeden kallas "Home Realm Discovery Metadata Feed". ACS innehåller ett exempel på en anpassad inloggningssida som innehåller nödvändig kod för att kommunicera med startsfärens metadataflöde för identifiering. Den här sidan kan laddas ned och anpassas helt.

Innehåll

  • Mål

  • Översikt

  • Sammanfattning av steg

  • Steg 1 – Ladda ned en anpassad exempelinloggningssida

  • Steg 2 – Anpassa utseendet på din anpassade inloggningssida

  • Steg 3 – Integrera en anpassad inloggningssida i ett ASP.NET webbprogram

Mål

  • Bekanta dig med en inloggningssida i ACS-hanteringsportalen.

  • Se till att varje mål uttrycks som en specifik uppgift

  • Värd för en inloggningssida i en ASP.NET webbapp för att ge ett konsekvent utseende och känsla.

Sammanfattning av steg

  • Steg 1 – Ladda ned en anpassad exempelinloggningssida

  • Steg 2 – Anpassa utseendet på din anpassade inloggningssida

  • Steg 3 – Integrera en anpassad inloggningssida i ett ASP.NET webbprogram

Steg 1 – Ladda ned en anpassad exempelinloggningssida

Det här steget visar hur du laddar ned en exempelsida för anpassad inloggning. Du kommer att använda exempelsidan för anpassad inloggning för att anpassa efter dina behov och sedan vara värd för den i ditt ASP.NET program.

Så här laddar du ned en anpassad exempelinloggningssida

  1. Om du inte autentiserades med Windows Live-ID® måste du göra det.

  2. När du har autentiserats med ditt Windows Live-ID (Microsoft-konto) omdirigeras du till sidan Mina projekt på Azure Portal.

  3. Klicka på önskat projektnamn på sidan Mina Project.

  4. På projektets informationssida letar du reda på önskat namnområde och klickar sedan på länken Access Control i kolumnen Hantera.

  5. På sidan Access Control Inställningar klickar du på Hantera Access Control.

  6. Rulla ned till avsnittet Utveckla och klicka sedan på länken Programintegrering .

  7. I avsnittet Inloggningssidor klickar du på länken Inloggningssidor .

  8. På sidan Integrering av inloggningssida klickar du på det önskade förlitande partprogrammet i kolumnen Förlitande partprogram .

  9. På sidan Integrering av inloggningssida: <<Svarspart>> letar du upp Alternativ 2: Värd för inloggningssidan som en del av programavsnittet och klickar sedan på knappen Ladda ned exempelinloggningssida . Spara sidan på en godtycklig plats. Det här är den sida som du ska använda för anpassning. Sidans namn är vanligtvis <<YourRealm>>LoginPageCode.html.

Steg 2 – Anpassa utseendet på din anpassade inloggningssida

I det här steget anpassar du exempelsidan för anpassad inloggning som du laddade ned på föregående sida.

  1. Använd valfri HTML-redigerare – det kan vara så enkelt som Anteckningar eller lika robust som Visual Studio ® 2010 HTML-redigeraren.

  2. Utforma utseendet och känslan på din anpassade inloggningssida efter din önskan.

Steg 3 – Integrera en anpassad inloggningssida i ett ASP.NET webbprogram

I det här steget integrerar du din nyligen utformade anpassade inloggningssida med din ASP.NET webbapp.

  1. Kopiera din nyligen utformade anpassade inloggningssida till en offentlig plats i din ASP.NET webbapp – vanligtvis rotmappen.

  2. Exponera URL:en för din anpassade inloggningssida på en offentlig sida, vanligtvis Default.aspx. Oautentiserade användare klickar på den för att autentiseras.