Using the SPA Editor with AEM Sites

Last update: Tue Apr 28 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

적용 대상:
Experience Manager 6.4
Experience Manager 6.5
Experience Manager as a Cloud Service

주제:

작성 대상:

초급
개발자

IMPORTANT

SPA 편집기는 새로운 프로젝트에서는 더 이상 사용되지 않습니다. 기존 프로젝트에 대해서는 Adobe에서 지원하지만 새로운 프로젝트에는 사용하면 안 됩니다. AEM에서 Headless 콘텐츠를 관리하기 위한 권장 편집기는 다음과 같습니다.

Headless 콘텐츠를 시각적으로 편집하기 위한 범용 편집기
Headless 콘텐츠의 양식 기반 편집을 위한 콘텐츠 조각 편집기

Video overview of authoring content for a Single Page Application in AEM Sites.

AEM's SPA Editor provides authors the ability to edit content for a Single Page Application or SPA. Developers using the React framework create a SPA and then map areas of the SPA to AEM components, allowing authors to use familiar AEM Sites editing tools. The below video demonstrates some of the in-context editing features with the WKND SPA sample site. The WKND SPA project includes both a React implementation.

https://video.tv.adobe.com/v/34814?captions=kor&quality=12&learn=on

NOTE

The Single-Page Application (SPA) Editor feature requires AEM 6.4 service pack 2 or newer.

The SPA Editor is the recommended solution for projects that require SPA framework based client-side rendering.

추가 리소스 additional-resources

The WKND SPA implementation only provides support for AEM 6.4.8+, AEM 6.5.5+ and AEM as a Cloud Service.

Download and install the appropriate WKND SPA package based on your version of AEM. There are separate versions for React.

For a detailed tutorial on developing with the SPA Editor see:

AEM SPA Editor 및 React 시작하기

recommendation-more-help

bb44cebf-d964-4e3c-b64e-ce882243fe4d