Le damos la bienvenida a un tutorial de varias partes diseñado para desarrolladores que no tienen experiencia con el Editor SPA en Adobe Experience Manager (AEM). Este tutorial explica la implementación de una aplicación React para una marca ficticia de estilo de vida, la WKND. La aplicación React está desarrollada y diseñada para implementarse con AEM Editor SPA, que asigna componentes de React a componentes AEM. El SPA completado, implementado en AEM, se puede crear dinámicamente con herramientas de edición en línea tradicionales de AEM.
Implementación de WKND SPA
El tutorial está diseñado para funcionar con AEM as a Cloud Service y es compatible con AEM 6.5.4+ y AEM 6.4.8+.
Todo el código del tutorial se puede encontrar en GitHub.
La variable base de código más reciente está disponible como paquetes AEM descargables.
Antes de iniciar este tutorial, necesita lo siguiente:
Aunque no es necesario, es beneficioso tener una comprensión básica de desarrollo de componentes tradicionales de AEM Sites.
Se necesita un entorno de desarrollo local para completar este tutorial. Las capturas de pantalla y el vídeo se capturan mediante el SDK as a Cloud Service de AEM que se ejecuta en un entorno del sistema operativo Mac con Código de Visual Studio como el IDE. Los comandos y el código deben ser independientes del sistema operativo local, a menos que se indique lo contrario.
¿Es novato en el uso de AEM as a Cloud Service? Consulte la siguiente guía para configurar un entorno de desarrollo local con el SDK de AEM as a Cloud Service.
¿Es nuevo en AEM 6.5? Consulte la siguiente guía para configurar un entorno de desarrollo local.
¡¿Qué estás esperando?! Inicie el tutorial navegando hasta el Crear proyecto y aprenda a generar un proyecto habilitado para Editor de SPA con el tipo de archivo del proyecto de AEM.