설명서AEMAEM 튜토리얼AEM Sites 튜토리얼

Edge Delivery Services 코드 프로젝트 만들기

Last update: Thu Jun 12 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 적용 대상:
  • Experience Manager as a Cloud Service

작성 대상:

  • 초급
  • 개발자

Edge Delivery Services 및 범용 편집기용 AEM 웹 사이트를 빌드하려면 Adobe의 AEM 보일러플레이트 XWalk 프로젝트 템플릿을 사용하십시오. 이 템플릿은 웹 사이트 경험을 만드는 데 사용되는 CSS와 JavaScript를 포함하는 새 코드 프로젝트를 생성합니다. 이 템플릿은 새 GitHub 저장소를 만들고, Adobe의 보일러플레이트 코드와 구성을 로드하여 AEM 웹 사이트 프로젝트를 위한 견고한 기반을 제공합니다.

Edge Delivery Services에서 제공하는 AEM 웹 사이트에는 클라이언트측(브라우저) 코드만 포함합니다. 웹 사이트 코드는 AEM 작성자 또는 게시 서비스에서 실행되지 않습니다.

새 Edge Delivery Services 프로젝트

범용 편집기에서 콘텐츠를 편집할 수 있는 Edge Delivery Services 코드 프로젝트를 만드는 방법은 설명서에 기술된 자세한 단계를 따르십시오. 이 튜토리얼에서 사용된 값을 포함한 단계의 요약 목록은 다음과 같습니다.

  1. GitHub 계정을 설정합니다. 조직용 프로젝트를 만드는 경우, 조직에 GitHub 계정이 있고 본인이 해당 조직의 멤버인지 확인하십시오.

  2. AEM 보일러플레이트 XWalk 프로젝트 템플릿을 사용하여 새 코드 프로젝트를 만듭니다.

  3. AEM Code Sync GitHub 앱을 설치 ​하고 저장소에 대한 액세스 권한을 부여합니다. 해당 앱은 여기에서 찾을 수 있습니다.

  4. 새 프로젝트의fstab.yaml ​을 올바른 AEM 작성자 서비스를 가리키도록 구성합니다.

    • 실험 목적으로는 낮은 단계의 AEM as a Cloud Service 환경(스테이징 또는 개발)을 사용할 수 있지만 실제 웹 사이트 구현은 프로덕션 AEM 서비스를 사용하도록 구성해야 합니다.

  5. 새 프로젝트의paths.json ​을 편집하여 AEM 작성자 서비스 경로를 웹 사이트 루트에 매핑합니다.

이 Git 저장소는 로컬 개발 환경 장에 복제되며, 여기서 코드 개발이 이루어집니다.

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d