SPA AEM AEM SPA Bienvenido al tutorial de varias partes para desarrolladores que buscan aumentar un contenido remoto basado en React (o Next.js) existente con contenido editable de la mediante el Editor de contenido de la aplicación.
Este tutorial se basa en Aplicación WKND GraphQLAEM AEM , una aplicación de React que consume contenido de fragmentos de contenido de la red de contenido de la red de contenido de la red de Internet (React) de la red de contenido de GraphQL SPA, pero que no proporciona ninguna creación en contexto de contenido de la red de.
SPA SPA AEM AEM El tutorial tiene por objeto ilustrar cómo se puede actualizar un remoto, o una aplicación que se ejecuta fuera del contexto de la, para consumir y entregar contenido creado en la aplicación de la manera más rápida y sencilla. En este ejemplo, se puede crear un tutorial de.
AEM La mayoría de las actividades del tutorial se centran en el desarrollo de JavaScript; sin embargo, se cubren aspectos críticos que giran en torno a la. AEM SPA AEM Estos aspectos incluyen la definición de dónde se crea el contenido y dónde se almacena en las rutas de acceso de la y la asignación de rutas de acceso a las páginas de la página de destino.
El tutorial está diseñado para trabajar con AEM as a Cloud Service y se compone de dos proyectos:
remote-spa-tutorial
carpeta.Este tutorial requiere lo siguiente:
Este tutorial supone lo siguiente:
~/Code/aem-guides-wknd-graphql/remote-spa-tutorial
http://localhost:4502
admin
cuenta con contraseña admin
http://localhost:3000
¿Necesita ayuda para configurar su entorno de desarrollo local? Consulte la siguiente guía para configurar un entorno de desarrollo local con el SDK de AEM as a Cloud Service.
AEM SPA AEM SPA Se requieren configuraciones de para integrar el con el Editor de. AEM Estas configuraciones se administran e implementan mediante un proyecto de. En este capítulo, aprenderá qué configuraciones son necesarias y cómo definirlas.
AEM SPA SPA SPA Para que el Editor de integre un elemento de trabajo en el contexto de creación de un elemento de trabajo, se deben realizar algunas adiciones a la.
SPA En primer lugar, explore la adición de un "componente fijo" editable a la. SPA Esto ilustra cómo un desarrollador puede colocar un componente editable específico, en la lista de componentes de la lista de componentes de la. Aunque el autor puede cambiar el contenido del componente, no puede quitarlo ni cambiar su ubicación, posición o tamaño.
SPA A continuación, explore la adición de un "componente contenedor" editable a la. SPA Esto ilustra cómo un desarrollador puede colocar un componente contenedor en la interfaz de usuario de. Los componentes de contenedor permiten a los autores colocar el componente permitido en él y ajustar el diseño de los componentes.
Por último, utilice los conceptos explicados en capítulos anteriores para crear rutas dinámicas; rutas que muestren contenido diferente en función del parámetro de la ruta. AEM SPA Esto ilustra cómo se puede utilizar el Editor de código para crear contenido en rutas controladas y derivadas mediante programación.