방법: ASP.NET 웹 애플리케이션에서 로그인 페이지 호스트

업데이트: 2015년 6월 19일

Azure에 적용합니다.

적용 대상

  • Microsoft® Azure™ Access Control Service (ACS)

  • ASP.NET

개요

이 항목에서는 ASP.NET 응용 프로그램에서 로그인 페이지를 호스팅하는 방법을 설명합니다. 이 방법을 사용하면 로그인 페이지의 레이아웃, 모양 및 스타일을 완전히 사용자 지정할 수 있습니다. 사용자 지정 로그인 페이지에서 ACS로의 통신은 ACS가 노출하는 JSON 피드를 통해 수행됩니다.

페더레이션된 로그인 페이지의 모양, 동작 및 위치를 완전히 제어할 수 있도록 ACS는 ID 공급자에 대한 이름, 로그인 URL, 이미지 및 이메일 도메인 이름(AD FS만 해당)을 제공하는 JSON 인코딩 메타데이터 피드를 제공합니다. 이 피드를 "홈 영역 검색 메타데이터 피드"라고 합니다. ACS는 홈 영역 검색 메타데이터 피드와 통신하는 데 필요한 코드를 포함하는 사용자 지정 로그인 페이지의 예를 제공합니다. 이 페이지를 다운로드하여 완전히 사용자 지정할 수 있습니다.

콘텐츠

  • 목표

  • 개요

  • 단계 요약

  • 1단계 – 예제 사용자 지정 로그인 페이지 다운로드

  • 2단계 - 사용자 지정 로그인 페이지의 모양 사용자 지정

  • 3단계 - ASP.NET 웹 응용 프로그램에서 사용자 지정 로그인 페이지 통합

목표

  • ACS 관리 포털의 로그인 페이지에 익숙해지게 됩니다.

  • 각 목표가 구체적인 작업으로 표현되는지 확인합니다.

  • ASP.NET 웹 응용 프로그램에서 로그인 페이지를 호스팅하여 일관성 있는 모양으로 표시합니다.

단계 요약

  • 1단계 – 예제 사용자 지정 로그인 페이지 다운로드

  • 2단계 - 사용자 지정 로그인 페이지의 모양 사용자 지정

  • 3단계 - ASP.NET 웹 응용 프로그램에서 사용자 지정 로그인 페이지 통합

1단계 – 예제 사용자 지정 로그인 페이지 다운로드

이 단계에서는 예제 사용자 지정 로그인 페이지를 다운로드하는 방법을 보여 줍니다. 예제 사용자 지정 로그인 페이지를 필요에 맞게 사용자 지정한 후에 ASP.NET 응용 프로그램에서 호스팅합니다.

예제 사용자 지정 로그인 페이지를 다운로드하려면

  1. Windows Live® ID를 사용하여 인증하지 않은 경우에는 해당 ID로 인증해야 합니다.

  2. Windows Live ID(Microsoft 계정)로 인증되면 Azure Portal 내 프로젝트 페이지로 리디렉션됩니다.

  3. 내 프로젝트 페이지에서 원하는 프로젝트 이름을 클릭합니다.

  4. 프로젝트 세부 정보 페이지에서 원하는 네임스페이스를 찾은 다음 관리 열의 액세스 제어 링크를 클릭합니다.

  5. 액세스 제어 설정 페이지에서 액세스 제어 관리를 클릭합니다.

  6. 아래쪽의 개발 섹션으로 스크롤한 다음 응용 프로그램 통합 링크를 클릭합니다.

  7. 로그인 페이지 섹션에서 로그인 페이지 링크를 클릭합니다.

  8. 로그인 페이지 통합 페이지의 신뢰 당사자 응용 프로그램 열에서 원하는 신뢰 당사자 응용 프로그램을 클릭합니다.

  9. 로그인 페이지 통합: <<회신 파티>> 페이지에서 옵션 2: 애플리케이션 섹션의 일부로 로그인 페이지 호스트를 찾은 다음 예제 로그인 페이지 다운로드 단추를 클릭합니다. 임의의 위치에 페이지를 저장합니다. 사용자 지정 시 이 페이지를 사용합니다. 페이지의 이름은 일반적으로 <<YourRealm>>LoginPageCode.html.

2단계 - 사용자 지정 로그인 페이지의 모양 사용자 지정

이 단계에서는 이전 페이지에서 다운로드한 예제 사용자 지정 로그인 페이지를 사용자 지정합니다.

  1. 선택한 HTML 편집기를 사용합니다. 간단하게는 메모장을 사용할 수도 있고, Visual Studio® 2010 HTML 편집기 등의 고급 프로그램을 사용할 수도 있습니다.

  2. 사용자 지정 로그인 페이지의 모양을 원하는 대로 디자인합니다.

3단계 - ASP.NET 웹 응용 프로그램에서 사용자 지정 로그인 페이지 통합

이 단계에서는 새로 디자인한 사용자 지정 로그인 페이지를 ASP.NET 웹 응용 프로그램에 통합합니다.

  1. 새로 디자인한 사용자 지정 로그인 페이지를 ASP.NET 웹 응용 프로그램의 공용 위치(보통 루트 폴더)에 복사합니다.

  2. 공용 페이지(일반적으로 Default.aspx)의 사용자 지정 로그인 페이지에 URL을 노출합니다. 인증되지 않은 사용자는 인증을 위해 클릭합니다.