프론트엔드 파이프라인 활성화 enable-front-end-pipeline
사이트 테마를 사용하여 더욱 간편하게 사이트를 맞춤화하기 위해 기존 사이트에 대해 프론트엔드 파이프라인을 활성화하는 방법에 대해 알아봅니다.
개요 overview
프론트엔드 파이프라인은 사이트 테마 및 사이트 템플릿을 기반으로 웹 사이트의 프론트엔드 코드를 빠르게 배포할 수 있는 메커니즘입니다.
이 파이프라인은 전체 스택을 배포하는 대신 프론트엔드 코드만 처리하므로 더욱 빠른 프로세스가 가능하며 프론트엔드 개발자는 AEM에 대한 지식 없이도 사이트를 손쉽고 빠르게 맞춤화할 수 있습니다.
사이트 템플릿을 기반으로 하는 사이트는 기본적으로 프론트엔드 파이프라인을 사용할 수 있습니다. 이 문서에서는 기존 사이트를 조정하여 프론트엔드 파이프라인을 활용하는 방법에 대해 설명합니다.
사이트 템플릿 및 테마를 기반으로 하는 기존 사이트를 만들지 않았다면 AEM은 기존 클라이언트 라이브러리 상단에 있는 프론트엔드 파이프라인을 통해 배포된 테마를 로드하도록 사이트를 구성할 수 있습니다.
기술 세부 사항 technical-details
사이트에 대해 프론트엔드 파이프라인을 활성화하면 AEM은 사이트 구조에 다음과 같은 변경 내용을 적용합니다.
- 사이트의 모든 페이지에는 한 개의 추가 CSS 및 JS 파일이 포함되며, 이는 전용 Cloud Manager 프론트엔드 파이프라인을 통해 업데이트를 배포하여 수정할 수 있습니다.
- 추가된 CSS 및 JS 파일은 비어 있지만, “테마 소스” 폴더를 다운로드하여 파이프라인을 통해 CSS 및 JS 코드 업데이트를 배포할 수 있는 폴더 구조를 부트스트랩할 수 있습니다.
- 이러한 변경 내용은 개발자가 이 작업을 통해
/conf/<site-name>/sling:configs
아래에 생성되는SiteConfig
및HtmlPageItemsConfig
노드를 삭제해야만 실행 취소할 수 있습니다.
요구 사항 requirements
AEM은 자동으로 기존 사이트를 프론트엔드 파이프라인을 사용하도록 조정할 수 있습니다. 이렇게 하려면 사이트에서 기본 구성 요소의 페이지 구성 요소 중 v2 이상 버전을 사용해야 합니다.
프론트엔드 파이프라인 활성화 enabling
Sites 콘솔에서 사이트 레일을 사용하여 사이트를 활성화할 수 있습니다.
-
AEM에 로그인한 다음 전역 탐색 > 사이트 를 통해 사이트로 이동합니다.
-
콘솔에서 사이트를 선택합니다. 하위 페이지가 아닌 사이트 루트를 선택합니다.
-
사이트를 선택한 상태로 왼쪽의 레일 선택기를 연 다음 사이트 를 선택합니다.
-
사이트 레일에서 프론트엔드 파이프라인 활성화 버튼을 클릭합니다.
-
AEM에 적용되는 변경 내용의 개요를 확인하라는 메시지가 표시됩니다. 확인하면 사이트가 조정됩니다.
이제 사이트에서 프론트엔드 파이프라인을 사용할 수 있습니다. 프론트엔드 파이프라인 및 사이트 테마 관리에 대한 자세한 내용은 다음을 참조하십시오.
- 사이트 레일을 사용하여 사이트 테마 관리
- 빠른 사이트 생성 여정 - 이 설명서 여정은 프론트엔드 파이프라인 및 빠른 사이트 생성 도구를 사용하여 간편하게 사이트를 배포하는 프로세스에 대한 전체적인 개요를 제공합니다.
- CI/CD 파이프라인 - 이 문서에서는 전체 스택 및 웹 계층 파이프라인의 컨텍스트 내 프론트엔드 파이프라인에 대해 설명합니다.