Tutorial para desarrolladores con Edges Delivery Services y el editor universal
En este tutorial, aprenderá los aspectos básicos de la creación de un sitio web de AEM que combine la creación avanzada con el editor universal y una distribución rápida con Edge Delivery Services. Al final, tendrá conocimientos básicos sobre cómo crear un nuevo proyecto, configurar un entorno de desarrollo local y crear un nuevo bloque.
Configuración del proyecto
Obtenga información sobre cómo crear un proyecto de código y configurar un nuevo sitio en AEM as a Cloud Service. Esta configuración permite un desarrollo sin problemas con el editor universal para la creación de contenido y la distribución rápida de contenido de Edge Delivery Services.
Cree un proyecto de código para Edge Delivery Services y edítelo con el editor universal.
Cree un sitio en AEM Sites para Edge Delivery Services editable con el Editor universal.
Configuración de desarrollo
Aprenda a configurar su entorno de desarrollo local para permitir un desarrollo rápido de sitios web. Esta configuración permite crear sitios sin problemas con el editor universal y suministrar contenido de forma eficaz a través de Edge Delivery Services, lo que garantiza un flujo de trabajo de desarrollo fluido y optimizado.
Configuración de un entorno de desarrollo de local.
Configure un entorno de desarrollo local para los sitios distribuidos con Edge Delivery Services y edítelo con el editor universal.
Añadir personalización de la marca en el sitio web
Defina las variables CSS globales y CSS, y las fuentes web para un sitio de Edge Delivery Services.
Bloquear desarrollo
Aprenda a crear un nuevo bloque definiendo su modelo de contenido y configurando contenido de muestra para pruebas y desarrollo. Explore dos métodos para procesar el bloque y conozca cómo estructurarlo para obtener un rendimiento y una flexibilidad óptimos en AEM y Edge Delivery Services.
Cree un bloque para un sitio web de Edge Delivery Services que se pueda editar con el editor universal.
Desarrollo de un bloque con CSS
Desarrolle un bloque con CSS para Edge Delivery Services, editable con el editor universal.
Desarrollo de un bloque con CSS y JS
Desarrolle un bloque con CSS y JavaScript para Edge Delivery Services y edítelo con el editor universal.
Siguientes pasos
Ahora que ha completado este tutorial, aproveche lo que ha aprendido con estas guías específicas. Estas guías amplían el código y los conceptos que se tratan aquí, explorando casos de uso específicos de cada función, técnicas avanzadas y sugerencias adicionales para mejorar las habilidades de desarrollo de Edge Delivery Services y el editor universal.
Descubra cómo se desarrollan los encabezados y pies de página en Edge Delivery Services y el editor universal.
Vista previa de una extensión de editor universal
Obtenga información sobre cómo previsualizar una extensión de editor universal que se ejecuta localmente durante el desarrollo.