Introducción a Experience Modernization Agent getting-started
Conozca los primeros pasos para empezar a utilizar Experience Modernization Agent y 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.
Modo de demostración demo-mode
La consola se iniciará en modo de demostración la primera vez que inicie sesión. Este modo le permite explorar un sitio existente en el que puede probar a migrar páginas adicionales. Un banner en la parte inferior de la pantalla indica que se encuentra en modo de demostración.
Conectar el sitio connect-repo
Cuando esté listo para empezar a trabajar en su propio sitio, puede salir del modo de demostración conectándose a su propio proyecto.
- Haga clic en Cambiar sitio en el banner del modo de demostración.
- Esto le pedirá que autorice la aplicación AEM Code Connector con sus credenciales de GitHub. Haga clic en Autorizar conector de código AEM.
- Vuelva a la consola y especifique la URL de vista previa del sitio. La URL de vista previa se puede obtener previsualizando cualquier documento del sitio o creándolo a partir de la rama, el nombre del sitio y la organización. El sistema recuperará automáticamente el proyecto de Github asociado. También puede buscar en sus proyectos de GitHub autorizados para encontrar un sitio.
- Haga clic en Finalizar compra en el espacio de trabajo una vez verificado el sitio.
- Cuando se le pida Reemplazar el área de trabajo existente, haga clic en Reemplazar área de trabajo.
El proyecto y el sitio de GitHub ahora están conectados a la consola.
Si se ha salido del modo de demostración pero no se ha conectado un nuevo proyecto, las visitas posteriores al agente de modernización de experiencias forzarán a que un sitio se conecte primero.
Inicio de consola console-home
Cuando visite aemcoder, la página principal aparecerá hasta que se inicie una conversación de chat. La página de inicio le permite empezar a chatear escribiendo su primer mensaje o seleccionando uno de los mensajes sugeridos.
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úrate de que estás en una vista de Contenido y luego haz 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 elemento Selector de vistas seleccionado en el área de espacio de trabajo de la consola.
-
El cuadro de diálogo Cargar contenido se abre con la organización de destino y el repositorio ya rellenados desde la configuración del proyecto.
- 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 deshabilitar 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.
- Cambiar a la vista Changes (icono de bifurcación en el selector de vistas).
- 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 Insertar en la parte superior derecha.
- 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.
Resolución de problemas troubleshooting
Direcciones IP de lista de permitidos allowlist-ip-addresses
Si el sitio está protegido por un cortafuegos o por restricciones de acceso, puede lista de permitidos las siguientes direcciones IP para que los servicios back-end puedan rastrear el sitio:
34.228.136.11254.90.51.393.224.194.242
Recursos adicionales additional-resources
Los siguientes documentos pueden resultar útiles a medida que continúa explorando el agente de modernización de experiencias 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