Introducción a Experience Modernization Agent getting-started
Conozca los primeros pasos para aumentar rápidamente la productividad con Experience Modernization Agent mediante Experience Modernization Console.
Preparación de un repositorio de GitHub de Edge Delivery prepare-repo
-
Seleccione un repositorio Edge Delivery Services para utilizarlo con la consola de modernización de experiencias.
- Puede ser un proyecto existente de Edge Delivery Services o puede crear uno nuevo siguiendo el tutorial para desarrolladores con el repositorio de plantillas.
-
Asegúrese de que el Conector de código AEM esté instalado en el repositorio.
- Esto permite que la consola inspeccione el código.
-
Asegúrese de que la aplicación GitHub de sincronización de código de AEM esté instalada en el repositorio.
- Esto permite a Edge Delivery Services sincronizar su código.
- Si el repositorio se basa en el tutorial, este paso ya está completo.
Abra la consola de modernización de Experience open-console
- Ir a
aemcoder.adobe.io. - Inicie sesión con su Adobe ID.
Conectar el repositorio de GitHub connect-repo
La consola le solicitará un repositorio la primera vez que inicie sesión.
- Haga clic en Conectar repositorio.
- Se abrirá la aplicación Conector de código de AEM en una nueva pestaña del explorador. Haga clic en Autorizar conector de código AEM.
- En la consola, seleccione Propietario, Repositorio y Selección de rama y haga clic en Finalizar compra en el espacio de trabajo.
- Cuando se le pida Reemplazar el área de trabajo existente, haga clic en Reemplazar área de trabajo.
El proyecto de GitHub ahora está conectado a la consola y usted se encuentra en la pantalla de inicio.
Iniciar petición de datos start-prompting
Ahora que la consola puede acceder al código, está listo para empezar a preguntar.
-
Para empezar, puede importar el contenido de un sitio:
- "Migrar la página
https://wknd-trendsetters.site."
- "Migrar la página
-
Esto importa el contenido del sitio.
- La consola observa la separación de preocupaciones y gestiona el contenido y la presentación por separado.
- La importación inicial del contenido de un sitio puede tardar varios minutos.
- La consola le presenta comentarios continuos cuando comienza su trabajo, incluida una descripción general de los pasos planificados.
-
Una vez importado el sitio, el panel Workspace muestra las páginas. Seleccione una página para previsualizarla en el panel derecho.
-
Ahora que tiene contenido, puede pedir que se importen los estilos desde el mismo origen.
- "Importar los estilos generales de
https://wknd-trendsetters.site."
- "Importar los estilos generales de
-
Al igual que con la importación de contenido inicial, la importación puede tardar varios minutos y la consola proporciona comentarios a medida que procesa la solicitud e importa los estilos. Una vez finalizada la tarea, haga clic en Actualizar vista previa en el panel derecho para ver el contenido con estilo.
Ahora tiene el contenido y los estilos importados en la consola.
Cargar contenido upload-content
Para cargar el contenido en Document Authoring:
-
Asegúrese de que está en la vista Contenido y luego haga clic en el botón Cargar contenido en la parte superior derecha.
- De manera predeterminada, se encuentra en la vista Contenido al entrar a la consola.
- La vista se indica mediante el icono resaltado en la barra lateral a lo largo del lado izquierdo de la consola.
-
El cuadro de diálogo Cargar contenido se abre con la organización de destino y el repositorio prerrellenados desde su
fstab.yaml.- Si un(a)
fstab.yamlno está presente en el repositorio conectado, deberá ingresar manualmente sus organizaciones y repositorios. - Si utilizó la repetidor, se proporciona un
fstab.yaml.
- Si un(a)
-
Seleccione los archivos que desee cargar y haga clic en Cargar.
-
La consola indica el proceso de carga al atenuar el botón Cargar.
-
Una vez finalizada, aparece una notificación en la parte inferior de la consola.
Para tener acceso al contenido cargado en Document Authoring, si lo desea, haga clic en Ver en AEM en la notificación cuando finalice la carga o vaya a https://da.live/#/{organization}/{repository}.
El contenido importado ahora se encuentra en Document Authoring.
Cambios en el código push push-code-changes
Una vez que esté satisfecho con los cambios realizados en el código, puede insertarlos en el repositorio de GitHub.
- Cambie a la vista Código (icono
</>en la barra lateral izquierda) y, a continuación, a la pestaña Cambios de Git (icono de rama en la parte superior derecha).
- En la lista de archivos modificados, si algunos archivos aparecen como sin seguimiento, haga clic en su botón
+para almacenarlos en zona intermedia. - Haga clic en el botón Acciones de GitHub en la parte superior derecha y, a continuación, seleccione Insertar en la lista desplegable.
- En el cuadro de diálogo Insertar cambios, elija insertar los cambios en una nueva PR (predeterminada) o en la rama actual y haga clic en Confirmar para insertarlos.
- En caso de duda, puede insertar la rama actual para que las cosas sean sencillas.
- Una vez finalizada, aparece una notificación en la parte inferior de la consola.
Si desea acceder directamente a los cambios insertados en GitHub, haga clic en Ver PR en la notificación cuando finalice la inserción.
Su código se encuentra ahora en GitHub.
Previsualizar sitio preview-site
Para ver los cambios en el entorno de vista previa:
-
Vuelva a Creación de documentos.
- Aún puede estar abierto en una pestaña del navegador que abriste después de hacer clic en Ver en AEM después de cargar el contenido.
- O vaya a
https://da.live/#/{organization}/{repository}
-
Abra una de las páginas que cargó anteriormente en AEM.
-
Haga clic en el icono del avión de papel (parte superior derecha) y seleccione Vista previa.
¡Enhorabuena! El contenido y los estilos migrados ya están activos en el entorno de vista previa de AEM.
Si insertó el código en una rama que no sea main, la vista previa abierta desde Document Authoring no mostrará los estilos. Cambie a la rama actualizando la URL de la vista previa y podrá ver sus estilos.
Recursos adicionales additional-resources
Los siguientes documentos pueden resultar útiles a medida que continúa explorando Experience Modernization Agent y su consola.
- Consola de modernización de experiencias: detalles sobre la consola, sus vistas, opciones y capacidades
- Guía de solicitud del agente de modernización de experiencias: ideas sobre cómo preguntar al agente y lo que pueden hacer sus habilidades
- Tutorial para desarrolladores de Edge Delivery Services - Útil si es nuevo en proyectos de AEM y Edge Delivery Services
- Creación de documentos: útil si es nuevo en la creación de documentos para la administración de contenido