SPA AEM Creación de su primer React en el overview
Bienvenido a un tutorial de varias partes diseñado para desarrolladores nuevos en la SPA Editor de función en Adobe Experience Manager AEM (). Este tutorial explora la implementación de una aplicación de React para una marca ficticia de estilo de vida, WKND. AEM SPA AEM La aplicación React se ha desarrollado y diseñado para implementarse con el Editor de, que asigna los componentes React a los componentes de la aplicación de la aplicación de la aplicación de la aplicación de la aplicación de la aplicación de la aplicación de la aplicación de la aplicación de. SPA AEM AEM Los segmentos completados, implementados para la creación de informes de forma dinámica, se pueden crear con las herramientas de edición en línea tradicionales de la creación de informes de la versión en tiempo de ejecución de la versión en tiempo de ejecución de la.
SPA Implementación de WKND
Acerca de
El tutorial está diseñado para trabajar con AEM as a Cloud Service y es compatible con AEM.5.4+ y AEM.4.8+.
Último código
Todo el código del tutorial se encuentra en GitHub.
El última base de código AEM está disponible como paquetes de descarga de la aplicación de descarga de.
Requisitos previos
Antes de iniciar este tutorial, necesita lo siguiente:
- Conocimientos básicos de HTML, CSS y JavaScript
- Familiaridad básica con Reaccionar
Si bien no es necesario, es beneficioso tener una comprensión básica de desarrollo de componentes tradicionales de AEM Sites.
Entorno de desarrollo local local-dev-environment
Se necesita un entorno de desarrollo local para completar este tutorial. AEM Las capturas de pantalla y los vídeos se capturan mediante el SDK as a Cloud Service de que se ejecuta en un entorno de sistema operativo Mac con Código de Visual Studio como IDE. Los comandos y el código deben ser independientes del sistema operativo local, a menos que se indique lo contrario.
Software necesario
- AEM SDK as a Cloud Service de, AEM.5.4+ o AEM.4.8+
- Java
- Apache Maven (3.3.9 o posterior)
- Node.js y npm
Pasos siguientes next-steps
¿Qué estás esperando?! Inicie el tutorial navegando hasta Crear proyecto SPA AEM y aprenda a generar un proyecto habilitado para el Editor de mediante el Tipo de archivo del proyecto de.