소개

Umbraco에서의 회원(Members) 관리 기능은 일반적인 ASP.NET 기능과 동일합니다. Umbraco에서는 기본으로 회원 가입/로그인/로그아웃 등의 기능을 위한 페이지를 따로 제공하고 있지는 않습니다. 그 이유는 이미 ASP.NET Web Forms 기술에 그 기능이 구현되어 있어서 그럽니다.

이번 강좌에서는 Umbraco CMS에 ASP.NET 의 로그인 컨트롤을 사용하여 간단한 로그인 및 사용자 표시를 하는 페이지를 구성해 보도록 하겠습니다.

 

따라하기

1. Umbraco의 회원관리 기능은 [백오피스]-[Members] 섹션에서 관리합니다.

062511_1452_25Members1.png

Members 섹션

  • Members : 회원 계정 정보를 알파벳 순서대로 관리할 수 있습니다.
  • Member Groups : 역할(Role) 단위로 회원을 그룹화시킬 수 있습니다.
  • Member Types : 회원 프로필을 정의할 수 있습니다.

 

2. [ThisSiteUsers]란 이름으로 간단하게 구성원 유형(Member Types)을 하나 만들어 봅니다.

062511_1452_25Members2.png

 

3. [Users]란 이름으로 구성원 그룹을 하나 생성합니다.

062511_1452_25Members3.png

 

4. 실제로 하나의 회원에 대한 아이디 및 암호를 나타나는 구성원을 [홍길동]이란 이름으로 만듭니다. 기본적인 회원가입 기능의 최소화 버전으로 보면 됩니다.

062511_1452_25Members4.png

 

5. [Login] 템플릿을 하나 생성한 후 아래와 같이 ASP.NET 로그인 컨트롤 관련해서 로그인 폼과 로그인 상태를 표시합니다.

062511_1452_25Members5.png

위에서 사용한 코드는 아래와 같습니다.

<%@ Master Language="C#" MasterPageFile="~/masterpages/umbMaster.master" AutoEventWireup="true" %>

 

<asp:Content ContentPlaceHolderId="cp_content" runat="server">

 

<div id="content" class="textpage">

    

      <div id="contentHeader">  

          <h2><umbraco:Item runat="server" field="pageName"/></h2>

      </div>

 

    <asp:Login id="login1" runat="server" />      

 

 

        <asp:LoginView ID="LoginView1" runat="server">

          <LoggedInTemplate>

        <asp:LoginName ID="LoginName1" runat="server" />

        로그인하였습니다.

          </LoggedInTemplate>

          <AnonymousTemplate>

            손님으로 접속중입니다.

          </AnonymousTemplate>

        </asp:LoginView>

 

</div>

 

<div id="subNavigation">

      <umbraco:Macro Alias="umb2ndLevelNavigation" runat="server"></umbraco:Macro>

</div>

 

<hr />

 

</asp:Content>

 

6. [Textpage] 문서 타입에 [Login] 템플릿을 사용할 수 있도록 아래와 같이 지정합니다.

062511_1452_25Members6.png

 

7. [Login] 콘텐트 페이지를 하나 생성 후 [속성] 탭에서 [템플릿] 항목을 [Login]으로 설정합니다.

062511_1452_25Members7.png

 

8. [Login] 페이지를 웹 브라우저로 실행하면 [Login] 템플릿에서 지정한대로 로그인 폼이 나타나고, 앞서 생성한 "홍길동" 회원에 대한 아이디와 암호를 입력 후 로그인하면 "~로 로그인하였습니다." 메시지가 출력되는 모습을 볼 수 있습니다.

062511_1452_25Members8.png

 

 

마무리

아쉽지만, 이번 강좌는 이처럼 짧습니다. ASP.NET의 멤버 자격(Membership) 기능과 로그인 컨트롤을 그대로 사용할 수 있기 때문에 간단한 예로 설명 드렸습니다. 추가적인 기능이 필요하다면 ASP.NET의 멤버 자격 관련 기능을 참고해 보기 바랍니다.

 

 

끝.




관련글



관련 동영상 참고 자료

  1. Umbraco 개발 환경 구축
  2. Umbraco 설치
  3. 사용자 모드와 관리자 모드(백오피스)
  4. 새로운 페이지(Page) 만들기
  5. 한글 언어팩(Languages) 적용하기
  6. 콘텐트 페이지 편집, 삭제, 메뉴 정렬 등 소개
  7. 미디어 파일 관리
  8. 사용자(User) 관리
  9. 스타일 추가 및 변경
  10. 템플릿(Templates)과 마스터페이지(MasterPages)
  11. Umbraco 페이지 필드(태그(Tags))
  12. 문서 타입(Document Types)
  13. 문서 타입(Document Types)에 속성 추가
  14. 부모 문서 타입(Document Types) 사용하기
  15. 문서 타입(Document Types) 내보내기 및 가져오기
  16. 문서 타입(Document Types) 자식 노드 허용
  17. 기본 매크로(Macros) 사용하기
  18. 새로운 매크로(Macro) 만들기
  19. 매크로(Macro)에 파라미터 전달
  20. 사진 갤러리(Gallery) 만들기 1
  21. 사진 갤러리(Gallery) 만들기 2 : XSLT 사용하기
  22. 사진 갤러리(Gallery) 만들기 3 : jQuery 슬라이드 쇼 플러그인 적용
  23. 회원(Members) 관리
  24. 사전(Dictionaries)
  25. 패키지(Packages)
  26. HTML 레벨의 스킨 파일 적용 1
  27. HTML 레벨의 스킨 파일 적용 2 : 상단 메뉴
  28. HTML 레벨의 스킨 파일 적용 3 : 서브 메뉴와 사이트 맵
  29. HTML 레벨의 스킨 파일 적용 4 : 서브 타이틀
  30. 배포 : Umbraco CMS를 원격 서버에서 실행




profile

박용준(redplus at redplus.net)
.NET 개발/강의 프리랜서, MVP, MCT
데브렉(http://www.devlec.com) 전임 강사
닷넷코리아(http://www.dotnetkorea.com) 사이트 운영