AEM 프로젝트 전형

AEM Project Tranype은 최소한의 우수 사례 기반 Adobe Experience Manager(AEM) 프로젝트를 웹 사이트의 시작점으로 만드는 Maven 템플릿입니다.

최신 AEM 프로젝트 원형 은 GitHub에서 찾을 수 있습니다.

리소스

  • 원형 문서(이 문서): 원형 아키텍처 및 서로 다른 모듈에 대한 개요입니다.
    • 원형 사용: 원형을 사용하는 방법과 사용 가능한 모듈 사용에 대한 자세한 내용
    • ui.frontend: 프런트 엔드 빌드 모듈을 사용하는 방법
  • 다음 자습서는 이 기본 유형을 기반으로 합니다.
    • WKND 사이트: 새로운 웹 사이트를 시작하는 방법을 알아봅니다.
    • WKND 단일 페이지 앱: AEM에서 완전히 저작할 수 있는 반응형 또는 각 웹 앱을 빌드하는 방법을 알아봅니다.

기능

  • 모범 사례: Adobe의 모든 최신 권장 사례를 사용하여 사이트를 Bootstrap합니다.
  • 낮은 코드: 템플릿을 편집하고 컨텐츠를 제작하며 CSS를 배포할 수 있으며 사이트를 라이브할 수 있습니다.
  • Cloud-Ready: 원하는 경우 AEM을 클라우드 서비스로 사용하여 며칠 안에 라이브하고 간편한 확장성 및 유지 관리를 경험할 수 있습니다.
  • 발송자: 프로젝트는 속도와 보안을 보장하는 Dispatcher 구성만 사용하여 완료됩니다.
  • 다중 사이트: 필요한 경우 원형에서는 다중 언어 및 다중 영역 설정에 대한 컨텐츠 구조를 생성합니다.
  • 핵심 구성 요소: 작성자는 다양한 표준화된 구성 요소 를 사용하여 거의 모든 레이아웃을 만들 수 있습니다.
  • 편집 가능한 템플릿: 코드 없이 거의 모든 템플릿을 취합하고 작성자가 편집할 수 있는 항목을 정의합니다.
  • 응답형 레이아웃: 템플릿 또는 개별 페이지에서 정의된 중단점에 대해 요소 가 리플로우되는 방식을 정의합니다.
  • 머리글 및 바닥글: 구성 요소의 로컬라이제이션 기능을 사용하여 코드 없이 구성 요소를 조합 및 현지화합니다.
  • 스타일 시스템: 작성자가 다른 스타일을 적용할 수 있도록 허용하여 사용자 지정 구성 요소를 작성하지 마십시오.
  • 프런트 엔드 빌드: 프런트 엔드 개발자는 웹 팩, TypeScript 및 SASS를 사용하여 AEM 페이지 시안하고 클라이언트 라이브러리 구축할 수 있습니다.
  • WebApp- Ready: 원자로 각도를 사용하는 사이트의 경우 SPA SDK를 사용하여 앱 의 컨텍스트 작성유지하십시오.
  • 상거래 활성화: 상거래 핵심 구성 요소 를 만드 와 같은 상거래 솔루션과 AEM Commerce를 통합하려는 프로젝트의 경우
  • 예제 코드: HelloWorld 구성 요소와 샘플 모델, 서블릿, 필터 및 스케줄러를 체크 아웃합니다.
  • 오픈 소스: 필요한 내용이 아닌 경우 향상된 기능을 제공할 수 있습니다.

사용량

프로젝트를 생성하려면 다음 명령줄을 필요에 맞게 조정합니다.

mvn -B archetype:generate \
 -D archetypeGroupId=com.adobe.aem \
 -D archetypeArtifactId=aem-project-archetype \
 -D archetypeVersion=24 \
 -D appTitle="My Site" \
 -D appId="mysite" \
 -D groupId="com.mysite" \
  • AEM에 대해 aemVersion=cloud을 Cloud Service;
    Adobe Managed Services 또는 온-프레미스에 대해 aemVersion=6.5.0을 설정합니다.
    핵심 구성 요소는 Cloud Service으로 AEM용 OOTB를 제공하므로 핵심 구성 요소 종속성은 비 클라우드 aem 버전에 대해서만 추가됩니다.
  • appTitle="My Site"을(를) 조정하여 웹 사이트 제목과 구성 요소 그룹을 정의합니다.
  • appId="mysite"을 조정하여 클라이언트 라이브러리 이름은 물론 구성 요소, 구성 요소, 구성 및 컨텐츠 폴더 이름을 정의합니다.
  • groupId="com.mysite"을(를) 조정하여 Maven groupId 및 Java 소스 패키지를 정의합니다.
  • 사용 가능한 속성 목록을 조회하여 조정할 추가 정보가 있는지 확인합니다.

사용 가능한 속성

이름 기본값 설명
appTitle 애플리케이션 제목은 웹 사이트 제목 및 구성 요소 그룹(예:"My Site").
appId 기술 이름은 클라이언트 라이브러리 이름(예:"mysite").
artifactId ${appId} Base Maven 아티팩트 ID(예:"mysite").
groupId 기본 마벤 그룹 ID(예:"com.mysite").
package ${groupId} Java 소스 패키지(예:"com.mysite").
version 1.0-SNAPSHOT 프로젝트 버전(예:1.0-SNAPSHOT).
aemVersion cloud Target AEM 버전(Cloud Service](https://docs.adobe.com/content/help/ko-KR/experience-manager-cloud-service/landing/home.html), [AEM의 경우 cloud일 수 있음)또는 6.5.0, Adobe Managed Services 또는 온-프레미스)의 경우 6.4.4.
sdkVersion latest aemVersion=cloudSDK](https://docs.adobe.com/content/help/ko-KR/experience-manager-cloud-service/implementing/developing/aem-as-a-cloud-service-sdk.html) 버전을 지정할 수 있는 경우(예:2020.02.2265.20200217T222518Z-200130).[
includeDispatcherConfig y aemVersion 값(y 또는 n일 수 있음)에 따라 클라우드 또는 AMS/on-premise용 디스패처 구성을 포함합니다.
frontendModule general 클라이언트 라이브러리를 생성하는 Webpack 프런트 엔드 빌드 모듈을 포함합니다(일반 사이트의 경우 general 또는 none일 수 있음).SPA 편집기를 구현하는 단일 페이지 앱의 경우 angular 또는 react일 수 있습니다.
language en 언어 코드(ISO 639-1)를 사용하여 콘텐츠 구조를 만드는 방법(예:en, deu).
country us 국가 코드(ISO 3166-1)를 사용하여 콘텐츠 구조를 만드는 방법(예:US).
singleCountry y 언어 마스터 콘텐츠 구조를 포함합니다(y 또는 n 가능).
includeExamples n 구성 요소 라이브러리 예제 사이트(y 또는 n일 수 있음)를 포함합니다.
includeErrorHandler n 전체 인스턴스(y 또는 n일 수 있음)에 대해 글로벌할 사용자 지정 404 응답 페이지를 포함합니다.
includeCommerce n CIF 핵심 구성 요소 종속성을 포함하고 해당 객체를 생성합니다.
commerceEndpoint CIF에만 필요합니다. 사용할 상거래 시스템 GraphQL 서비스의 옵션 끝점(예:https://hostname.com/grapql).
datalayer y Adobe 클라이언트 데이터 레이어와의 통합을 활성화합니다.
amp n 생성된 프로젝트 템플릿에 대해 AMP 지원을 활성화합니다.

시스템 요구 사항

원형 AEM as a Cloud Service AEM 6.5 AEM 6.4 Java SE 마벤
24 지속적인 6.5.5.0+ 6.4.8.1+ 8,11 3.3.9+

AEM의 로컬 개발 환경을 Cloud Service SDK 또는 이전 버전의 AEM](https://docs.adobe.com/content/help/ko-KR/experience-manager-learn/foundation/development/set-up-a-local-aem-development-environment.html)에 대해 설정합니다.[

알려진 문제

Windows에서 실행하고 디스패처 구성을 생성하는 경우 상위 명령 프롬프트 또는 Linux용 Windows 하위 시스템에서 실행(#329 참조)해야 합니다.

대화형 모드(-B 매개 변수 없이)에서 원형 유형을 실행할 때 최종 확인이 종료되지 않으면 기본값을 갖는 속성을 변경할 수 없습니다. 그런 다음 질문에 기본값이 있는 속성을 포함시켜 질문을 반복합니다(
TRANYPE-308(자세한 내용).

추가 읽기

장점, 옵션 및 그 모듈의 작동 방식을 포함하여 원형 유형을 사용하는 방법에 대한 자세한 내용은 Using the Ementype 문서를 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free