사이트 만들기 create-site

빠른 사이트 생성 의 일부로, AEM Adobe Experience Manager의 사이트 생성 마법사를 사용하여 새 웹 사이트를 생성합니다. Adobe에서 제공하는 표준 사이트 템플릿은 새 사이트의 시작점으로 사용됩니다.

사전 요구 사항 prerequisites

이 장의 단계는 Adobe Experience Manager as a Cloud Service 환경에서 수행됩니다. AEM 환경에 대한 관리 액세스 권한이 있는지 확인합니다. 이 자습서를 완료할 때는 샌드박스 프로그램개발 환경을 사용하는 것이 좋습니다.

프로덕션 프로그램 환경도 이 자습서에 사용할 수 있습니다. 그러나 이 자습서에서는 콘텐츠와 코드를 대상 AEM 환경에 배포하므로 이 자습서의 활동이 대상 환경에서 수행되는 작업에 영향을 주지 않는지 확인하십시오.

이 자습서의 일부에는 AEM SDK를 사용할 수 있습니다. Cloud Manager의 프론트엔드 파이프라인으로 테마 배포와 같이 클라우드 서비스를 사용하는 이 자습서의 특성은 AEM SDK에서 수행할 수 없습니다.

자세한 내용은 온보딩 설명서를 검토하십시오.

목표 objective

  1. 사이트 생성 마법사를 사용하여 새 사이트를 생성하는 방법을 알아봅니다.
  2. 사이트 템플릿의 역할을 이해합니다.
  3. 생성된 AEM 사이트를 탐색합니다.

Adobe Experience Manager 작성자에 로그인 author

첫 번째 단계로 AEM as a Cloud Service 환경에 로그인합니다. AEM 환경은 작성자 서비스 ​와 Publish 서비스 간에 분할됩니다.

  • 작성자 서비스 - 사이트 콘텐츠를 만들고 관리하고 업데이트하는 곳입니다. 일반적으로 내부 사용자만 작성자 서비스 ​에 액세스할 수 있으며 로그인 화면 뒤에 있습니다.
  • Publish 서비스 - 실시간 웹 사이트를 호스팅합니다. 최종 사용자가 볼 수 있는 서비스이며 일반적으로 공개적으로 사용할 수 있습니다.

대부분의 자습서는 작성자 서비스 ​를 사용하여 수행됩니다.

  1. Adobe Experience Cloud https://experience.adobe.com/(으)로 이동합니다. 개인 계정 또는 회사/학교 계정을 사용하여 로그인합니다.

  2. 메뉴에서 올바른 조직이 선택되어 있는지 확인하고 Experience Manager ​을(를) 클릭합니다.

    Experience Cloud 홈

  3. Cloud Manager ​에서 시작 ​을 클릭합니다.

  4. 사용할 프로그램을 마우스로 가리킨 다음 Cloud Manager 프로그램 아이콘을 클릭합니다.

    Cloud Manager 프로그램 아이콘

  5. 위쪽 메뉴에서 환경 ​을 클릭하여 제공된 환경을 봅니다.

  6. 사용할 환경을 찾은 다음 작성자 URL ​을(를) 클릭합니다.

    개발 작성자 액세스

    note note
    NOTE
    이 자습서에서는 개발 환경을 사용하는 것이 좋습니다.
  7. AEM 작성자 서비스 ​에 새 탭이 시작됩니다. Adobe으로 로그인 ​을 클릭하면 동일한 Experience Cloud 자격 증명으로 자동으로 로그인됩니다.

  8. 리디렉션되고 인증되면 이제 AEM 시작 화면이 표시됩니다.

    AEM 시작 화면

NOTE
Experience Manager 액세스에 문제가 있습니까? 온보딩 설명서 검토

기본 사이트 템플릿 다운로드

사이트 템플릿은 새 사이트의 시작점을 제공합니다. 사이트 템플릿에는 몇 가지 기본 테마, 페이지 템플릿, 구성 및 샘플 콘텐츠가 포함됩니다. 사이트 템플릿에 포함된 내용은 정확히 개발자의 책임입니다. Adobe은 새로운 구현을 가속화하기 위해 기본 사이트 템플릿 ​을 제공합니다.

  1. 새 브라우저 탭을 열고 GitHub의 기본 사이트 템플릿 프로젝트로 이동합니다. https://github.com/adobe/aem-site-template-standard. 이 프로젝트는 오픈 소스로 제공되며 누구나 사용할 수 있도록 라이센스가 부여됩니다.

  2. 릴리스 ​를 클릭하고 최신 릴리스(으)로 이동합니다.

  3. Assets 드롭다운을 확장하고 템플릿 zip 파일을 다운로드합니다.

    기본 사이트 템플릿 Zip

    이 zip 파일은 다음 연습에서 사용됩니다.

    note note
    NOTE
    이 자습서는 기본 사이트 템플릿의 버전 1.1.0 ​을(를) 사용하여 작성되었습니다. 프로덕션 사용을 위해 새 프로젝트를 시작할 때 항상 최신 버전을 사용하는 것이 좋습니다.

새 사이트 만들기

그런 다음 이전 연습의 사이트 템플릿을 사용하여 새 사이트를 생성합니다.

  1. AEM 환경으로 돌아갑니다. AEM 시작 화면에서 사이트(으)로 이동합니다.

  2. 오른쪽 상단 모서리에서 만들기 > 사이트(템플릿) ​를 클릭합니다. 사이트 만들기 마법사 ​가 실행됩니다.

  3. 사이트 템플릿 선택 ​에서 가져오기 단추를 클릭합니다.

    이전 연습에서 다운로드한 .zip 템플릿 파일을 업로드합니다.

  4. 기본 AEM 사이트 템플릿 ​을 선택하고 다음 ​을 클릭합니다.

    사이트 템플릿 선택

  5. 사이트 세부 정보 > 사이트 제목 ​에서 WKND Site을(를) 입력하십시오.

    실제 구현에서 "WKND 사이트"는 회사 또는 조직의 브랜드 이름으로 대체됩니다. 이 자습서에서는 가상 라이프스타일 브랜드 "WKND"에 대한 사이트 생성을 시뮬레이션합니다.

  6. 사이트 이름 ​에서 wknd을(를) 입력하십시오.

    사이트 템플릿 세부 정보

    note note
    NOTE
    공유 AEM 환경을 사용하는 경우 사이트 이름 ​에 고유 식별자를 추가하십시오. 예, wknd-site-johndoe. 이렇게 하면 여러 사용자가 충돌 없이 동일한 자습서를 완료할 수 있습니다.
  7. 사이트를 생성하려면 만들기 ​를 클릭하십시오. AEM에서 웹 사이트 만들기를 완료하면 성공 대화 상자에서 완료 ​을 클릭합니다.

새 사이트 탐색

  1. 아직 없는 경우 AEM Sites 콘솔로 이동합니다.

  2. WKND 사이트 ​가 생성되었습니다. 여기에는 다국어 계층 구조를 가진 사이트 구조가 포함됩니다.

  3. 페이지를 선택하고 메뉴 모음에서 편집 단추를 클릭하여 영어 > 페이지를 엽니다.

    WKND 사이트 계층 구조

  4. 스타터 콘텐츠는 이미 만들어졌으며 여러 구성 요소를 페이지에 추가할 수 있습니다. 이러한 구성 요소를 실험하여 기능을 파악하십시오. 다음 장에서 구성 요소의 기본 사항에 대해 알아봅니다.

    홈 페이지 시작

    사이트 템플릿에서 제공한 샘플 콘텐츠

축하합니다! congratulations

축하합니다. 첫 번째 AEM 사이트를 방금 만들었습니다!

다음 단계 next-steps

Adobe Experience Manager, AEM의 페이지 편집기를 사용하여 콘텐츠 작성 및 게시 장에서 사이트의 콘텐츠를 업데이트합니다. 원자 구성 요소를 구성하여 콘텐츠를 업데이트하는 방법에 대해 알아봅니다. AEM Author와 Publish 환경의 차이점을 이해하고 라이브 사이트에 업데이트를 게시하는 방법을 알아봅니다.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9