프론트엔드 파이프라인 활성화 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
프론트엔드 파이프라인에서 Cloud Manager IP 허용 목록 사용을 참조하시기 바랍니다.
사이트 콘솔에서 사이트 레일을 사용하여 사이트를 사용하도록 설정합니다.
-
AEM에 로그인한 다음 전역 탐색 > 사이트 를 통해 사이트로 이동합니다.
-
콘솔에서 사이트를 선택합니다. 하위 페이지가 아닌 사이트 루트를 선택합니다.
-
사이트를 선택한 상태로 왼쪽의 레일 선택기를 연 다음 사이트 를 선택합니다.
-
사이트 레일에서 프론트엔드 파이프라인 활성화 버튼을 클릭합니다.
-
AEM에 변경 사항의 개요를 확인하라는 메시지가 표시됩니다. 확인하면 사이트가 조정됩니다.
이제 사이트에서 프론트엔드 파이프라인을 사용할 수 있습니다. 프론트엔드 파이프라인 및 사이트 테마 관리에 대한 자세한 내용은 다음을 참조하십시오.
- 사이트 레일을 사용하여 사이트 테마 관리
- 빠른 사이트 생성 여정 - 이 설명서 여정은 프론트엔드 파이프라인 및 빠른 사이트 생성 도구를 사용하여 간편하게 사이트를 배포하는 프로세스에 대한 전체적인 개요를 제공합니다.
- CI/CD 파이프라인 - 이 문서에서는 전체 스택 및 웹 계층 파이프라인의 컨텍스트 내 프론트엔드 파이프라인에 대해 설명합니다.