SPA AEM Creación de su primer React en el overview

[Para publicar desde AEM Sites usando Edge Delivery Services, haga clic aquí.]{class="badge positive" title="Publish AEM de los Edge Delivery Services a los"}

SPA Bienvenido a un tutorial de varias partes diseñado para desarrolladores nuevos en la función Editor de de 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 de la aplicación 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 Se Implementó La Versión Final De La Implementación

SPA Implementación de WKND

Acerca de

El tutorial está diseñado para funcionar con AEM as a Cloud Service AEM AEM y es compatible con 6.5.4+ y 6.4.8+.

Último código

Todo el código del tutorial se encuentra en GitHub.

AEM La base de código más reciente está disponible como paquetes de código descargables de la aplicación de descarga de la aplicación de código de la aplicación de código de.

Requisitos previos

Antes de iniciar este tutorial, necesita lo siguiente:

  • Conocimientos básicos de HTML, CSS y JavaScript
  • Familiaridad básica con React

Aunque no es necesario, es beneficioso tener una comprensión básica del 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. Las capturas de pantalla y los vídeos se capturan mediante el SDK de AEM as a Cloud Service que se ejecuta en un entorno de sistema operativo Mac con Visual Studio Code como IDE. Los comandos y el código deben ser independientes del sistema operativo local, a menos que se indique lo contrario.

Software necesario

NOTE
¿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.
AEM Nuevo a la versión 6.5 de la? Consulte la siguiente guía para configurar un entorno de desarrollo local.

Siguientes pasos next-steps

¿Qué estás esperando?! SPA AEM Inicie el tutorial navegando hasta el capítulo Crear proyecto y aprenda a generar un proyecto habilitado para el editor de contenido mediante el tipo de archivo del proyecto que se encuentra en la lista de archivos de la versión de.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4