표준 AEM Project Archetype에 프론트엔드 파이프라인 사용 enable-front-end-pipeline-standard-aem-project

AEM Project Archetype을(를) 사용하여 만든 AEM WKND Sites 프로젝트(즉, 표준 AEM 프로젝트)를 활성화하여 프론트엔드 파이프라인을 사용하여 CSS, JavaScript, 글꼴 및 아이콘과 같은 프론트엔드 리소스를 배포하여 개발부터 배포까지의 주기를 단축하는 방법에 대해 알아봅니다. AEM의 전체 스택 백엔드 개발과 프론트엔드 개발 분리 또한 이러한 프론트엔드 리소스가 AEM 리포지토리에서 제공되지 않고 CDN에서 제공되는 방법에 대해 알아봅니다. 이는 게재 패러다임의 변화입니다.

기본 제공 CDN에 ui.frontend 아티팩트만 빌드하고 배포하고 AEM에 해당 위치를 알리는 새 프론트엔드 파이프라인이 Adobe Cloud Manager에서 만들어집니다. 웹 페이지의 HTML 생성 중 AEM에서 <link><script> 태그는 href 특성 값에서 이 아티팩트 위치를 참조하십시오.

그러나 WKND Sites AEM 프로젝트 변환 후 프론트엔드 개발자는 자체 배포 파이프라인이 있는 AEM의 전체 스택 백엔드 개발과 병행하여 작업할 수 있습니다.

IMPORTANT
일반적으로 프론트엔드 파이프라인은 일반적으로 AEM 빠른 사이트 만들기와 함께 사용되며 자세한 내용은 관련 자습서 AEM Sites 시작하기 - 빠른 사이트 만들기를 참조하십시오. 따라서 이 자습서와 관련 비디오에서 이 자습서에 대해 언급한 내용을 보면 중요한 개념을 설명하는 몇 가지 직접 또는 간접적인 비교가 있는지 확인하는 것입니다.

관련 여러 단계 자습서에서는 빠른 사이트 생성 기능을 사용하여 WKND의 가상 라이프스타일 브랜드를 위한 AEM 사이트를 구현하는 과정을 안내합니다. 프론트엔드 파이프라인 작업을 이해하려면 테마 설정 워크플로를 검토하는 것도 도움이 됩니다.

프론트엔드 파이프라인에 대한 개요, 이점 및 고려 사항

NOTE
이는 AEM as a Cloud Service에만 적용되며 AMS 기반 Adobe Cloud Manager 배포에는 적용되지 않습니다.

사전 요구 사항

이 자습서의 배포 단계는 Adobe Cloud Manager에서 수행되며, 배포 관리자 역할이 있는지 확인하고, Cloud Manager 역할 정의를 참조하십시오.

이 자습서를 완료할 때는 샌드박스 프로그램개발 환경을 사용하십시오.

다음 단계 next-steps

AEM WKND Sites 프로젝트 변환을 단계별로 안내하여 프론트엔드 파이프라인에 사용할 수 있도록 합니다.

뭘 기다리는 거야? 전체 스택 프로젝트 검토 장으로 이동하여 자습서를 시작하고 표준 AEM Sites 프로젝트의 컨텍스트에서 프론트엔드 개발 수명 주기를 다시 요약합니다.

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