Puedes crear una aplicación o editar aplicaciones existentes desde la página de App Builder. La página muestra información sobre las aplicaciones existentes e incluye lo siguiente:

• Autor
• Estado
• Fecha de la última modificación de cada aplicación
• Si la aplicación está publicada

En la página de App Builder, puedes acceder a tus aplicaciones y filtrarlas. Pasa el cursor sobre una aplicación para ver las opciones de editar, eliminar, ver o clonar la aplicación. También puedes activar la opción My apps (Mis aplicaciones) para ver únicamente las aplicaciones que has creado:

Crear una aplicación

Crear una aplicación a partir de un modelo

Los modelos son aplicaciones de inicio útiles que cubren casos de uso comunes. Vienen cargados con datos de demostración que puedes utilizar para conocer la aplicación. Los modelos también incluyen las prácticas recomendadas para configurar las funciones y la presentación visual de la aplicación.

1. En App Builder, haz clic en la pestaña Blueprints (Modelos).
2. Busca el modelo que quieres utilizar y haz clic en Preview (Vista previa).
3. Haz clic en Use Blueprint (Utilizar modelo) para abrir el proyecto de la aplicación.
4. Para cambiar el nombre y la descripción de la aplicación, haz clic en su nombre.
5. Cada modelo viene cargado con datos de demostración. Para personalizar la aplicación, edita la Connection (Conexión) de cada consulta.
6. Para guardar la aplicación, haz clic en Save as New App (Guardar como nueva aplicación).
7. Para obtener una vista previa de la aplicación, haz clic en Preview (Vista previa). Haz clic en Edit (Editar), en la pantalla de vista previa, para volver a la vista de configuración.
8. Cuando tu aplicación esté lista para ser publicada, haz clic en Publish (Publicar). La publicación de una aplicación la pone a disposición de tus dashboards.

Crear una aplicación con IA

Con Bits AI, puedes generar una aplicación completa a partir de un único mensaje. Describe la aplicación que quieres crear y el agente de interfaz de usuario generará automáticamente la interfaz de usuario, las acciones y la lógica asignada a los datos y permisos existentes. A continuación, puedes iterar por chat-refinar componentes, flujos o estilos, sin escribir ningún código.

Para crear una aplicación con Bits AI:

1. En App Builder, haz clic en New App (Nueva aplicación).
2. Haz clic en Start with AI (Iniciar con IA).
3. Haz clic en una sugerencia o introduce una sugerencia que describa la aplicación que quieres crear. Introduce tanta información como sea posible, para mejorar los resultados. Estos son algunos ejemplos:
   • Muestra una lista de funciones Lambda AWS en una tabla. Permite al usuario filtrar por nombre de función y especifica el límite.
   • Muestra solicitudes pull de GitHub en una tabla.
4. Presiona Intro para enviar tu solicitud. Bits AI genera automáticamente la interfaz de usuario, las acciones y la lógica de tu aplicación, asignadas a tus datos y permisos existentes.
5. Mientras responde, Bits AI te pide que configures una conexión para crear la aplicación con datos reales. Puedes completar este paso u omitirlo para crear el diseño de la aplicación más rápidamente sin datos.
6. Bits AI algunas veces hace preguntas aclaratorias mientras responde a tu pregunta. Si esto ocurre, introduce una respuesta y presiona Intro.
7. Después de que Bits AI añada un acción a la aplicación, se te pedirá imitar con datos de IA u omitir la configuración. Configurar tu acción durante la ejecución del agente de interfaz de usuario ayuda a conectar los tipos de datos con otros componentes.
8. Después de que Bits AI responda a tu pregunta, puedes hacer clic en Edit with AI (Editar con IA) o personalizar tu aplicación manualmente.
9. Para guardar la aplicación, haz clic en Save (Guardar).
10. Para previsualizar la aplicación, haz clic en View (Ver). Haz clic en Edit (Editar) para volver a la vista de configuración.
11. Cuando tu aplicación esté lista para ser publicada, haz clic en Publish (Publicar). La publicación de una aplicación la pone a disposición de tus dashboards.

Para iterar en una aplicación existente:

1. En una aplicación existente, haz clic en UI Agent Chat (Chat del agente de interfaz de usuario) ().
2. Introduce una indicación detallada del comportamiento que quieres añadir a tu aplicación. Incluye las integraciones y acciones que te gustaría utilizar.
3. Presiona Intro para añadir la funcionalidad a tu aplicación.

Crear una aplicación personalizada

1. En App Builder, haz clic en New App (Nueva aplicación).
2. Para cambiar el nombre y la descripción de la aplicación, haz clic en su nombre.
3. Para añadir un componente de interfaz de usuario al lienzo de la aplicación, haz clic en el signo más () para abrir la pestaña Components (Componentes) y, luego, haz clic en el componente o arrástralo hasta el lienzo.
4. Utiliza consultas para rellenar o interactuar con tu lienzo.
5. Para guardar la aplicación, haz clic en Save as New App (Guardar como nueva aplicación).
6. Para obtener una vista previa de la aplicación, haz clic en Preview (Vista previa). Haz clic en Edit (Editar), en la pantalla de vista previa, para volver a la vista de configuración.
7. Cuando tu aplicación esté lista para ser publicada, haz clic en Publish (Publicar). La publicación de una aplicación la pone a disposición de tus dashboards.

Personalizar tu aplicación

Las aplicaciones están conformadas por componentes de interfaz de usuario y consultas que interactúan entre sí para crear la experiencia de usuario y la lógica de cada aplicación. La lista de consultas y el editor aparecen en la parte izquierda de la página, mientras que el lienzo de la aplicación y los componentes de interfaz de usuario ocupan la parte derecha de la página.

Personalización básica:

• Para editar Name, Description, or Canvas Color (Nombre, Descripción o Color del lienzo) en tu aplicación, haz clic en el nombre de la aplicación en la parte superior izquierda.
• Haz clic en el botón Preview (Vista previa) para obtener una vista previa de tu aplicación. El modo de vista previa te permite ver la aplicación desde la perspectiva del usuario. Utiliza el modo de vista previa para interactuar con la interfaz de usuario de la aplicación y realizar un test de tus consultas. Cuando hayas terminado, haz clic en Edit (Editar) para volver al generador de aplicaciones.
• Para guardar tu aplicación, haz clic en Save (Guardar).
• Cuando tu aplicación esté lista para ser publicada, haz clic en Publish (Publicar). La publicación de una aplicación la pone a disposición de tus dashboards.

Lienzo y componentes de una aplicación

El lienzo de la aplicación representa la interfaz gráfica con la que interactúan los usuarios. Puedes arrastrar y soltar componentes para moverlos por el lienzo. Para ver todos los componentes disponibles, haz clic en el signo más () para abrir la pestaña Components (Componentes).

Cada componente cuenta con una lista de opciones de configuración correspondientes que controlan la forma en que los usuarios interactúan con tu aplicación. Por ejemplo, el componente Text Input (Entrada de texto) te permite establecer un valor predeterminado, el texto de un parámetro y una etiqueta (label). El componente Button (Botón) incluye una etiqueta y un evento que se activa cuando se pulsa el botón. Los componentes también cuentan con la sección Appearance (Aspecto) que cambia el aspecto y el funcionamiento de los componentes. Por ejemplo, puedes desactivar un botón o controlar su visibilidad.

Para borrar o duplicar un componente, selecciónalo y haz clic en los tres puntos (…) para mostrar las opciones Delete (Borrar) o Duplicate (Duplicar).

Para ver una lista de los componentes de interfaz de usuario disponibles y sus propiedades, consulta Componentes.

Los componentes de la interfaz de usuario pueden desencadenar reacciones en un evento.

Las consultas rellenan tu aplicación con datos procedentes de las API de Datadog o con integraciones compatibles. Toman entradas de otras consultas u otros componentes de interfaz de usuario y devuelven resultados para su uso en otras consultas o en otros componentes de interfaz de usuario.

Puedes utilizar expresiones de JavaScript en cualquier parte de App Builder para crear interacciones personalizadas entre las diferentes partes de tu aplicación.

Etiquetar una aplicación

Las etiquetas (tags) se muestran en una columna de la lista de aplicaciones.

Para añadir una etiqueta a una aplicación:

1. Abre la pestaña App Properties (Propiedades de la aplicación) en tu aplicación.
2. En Tags (Etiquetas), utiliza el menú desplegable para seleccionar una etiqueta existente, o ingresa un valor nuevo y haz clic en Add option: [your text] (Añadir opción: [tu texto]).
3. Guarda tu aplicación.

La etiqueta aparece en la línea correspondiente a esta aplicación en la lista de aplicaciones. Puedes hacer clic en la etiqueta de esta lista para copiarla en el portapapeles.

Marcar una aplicación como favorita

Para marcar una aplicación como favorita y anclarla a la parte superior de tu lista de aplicaciones, haz clic en el icono de estrella que aparece junto al nombre de la aplicación en lista de aplicaciones:

Cuando actualices la página, la aplicación marcada con una estrella aparecerá en una sección en la parte superior de tu lista de aplicaciones:

Ver el historial de versiones de la aplicación

App Builder mantiene un registro de cada versión guardada de tu aplicación.

Para ver el historial de versiones de tu aplicación, en el menú de la izquierda de tu aplicación haz clic en el icono de historial de versiones .

La interfaz de usuario muestra hasta 50 versiones guardadas o publicadas de tu aplicación, junto con el icono del usuario que guardó o publicó la versión:

Puedes realizar las siguientes operaciones:

• Para ver la versión de una aplicación, haz clic en ella en la lista.
• Para sobrescribir una aplicación existente con una versión anterior, selecciona la versión y haz clic en Restore Version (Restaurar versión) en la parte superior derecha.
• Para crear una nueva aplicación que sea una copia de una versión, selecciona la versión y haz clic en Clone Version (Clonar versión) en la parte superior derecha.

Interactuar con una aplicación en JSON

Editar una aplicación

Para editar una aplicación con JSON, haz clic en Settings (Configuración) y selecciona Switch to JSON (Cambiar a JSON). La opción Switch to GUI (Cambiar a GUI) del menú de parámetros te devuelve al editor GUI.

Exportar una aplicación

Para copiar el diseño de una aplicación en varias organizaciones o realizar una copia de seguridad de la aplicación, haz clic en Settings (Configuración) y selecciona Switch to JSON (Cambiar a JSON). Aparecerá el código JSON de toda la aplicación. Copia este código JSON y guárdalo en un editor de texto. Puedes guardar estados intermedios de tu aplicación durante el desarrollo y volver a ellos si es necesario.

Para copiar la aplicación en otra organización:

1. Crea una aplicación.
2. Haz clic en Settings (Configuración) y selecciona Switch to JSON (Cambiar a JSON).
3. Remplaza el código JSON existente por el que copiaste antes.

La opción Switch to GUI (Cambiar a la interfaz gráfica de usuario) del menú de configuración te lleva devuelta al editor de la interfaz gráfica de usuario.

Depurar una aplicación

La consola de depuración de App Builder ofrece un espacio central para ver logs, ejecuciones de acciones y errores en tiempo real.

Para acceder a la consola de depuración, ve a tu lista de aplicaciones y haz clic en Edit (Editar) para una de tus aplicaciones. Haz clic en Expand (Ampliar) para visualizar toda la consola de depuración. La información de la consola incluye:

• Ejecuciones de acciones: Realiza un seguimiento del éxito y fracaso de las ejecuciones de acciones con sus entradas y salidas asociadas.
• Errores: Visualiza logs de errores, advertencias y mensajes de información.
• Logs: Visualiza errores de configuración de tus acciones, transformadores, variables y componentes.
• Estado de la aplicación: Accede a los cambios de estado de la aplicación en tiempo real.

Referencias adicionales

Más enlaces, artículos y documentación útiles:

Action CatalogDOCUMENTACIÓN Empezando con App BuilderCENTRO DE APRENDIZAJE

¿Tienes preguntas o comentarios? Únete al canal #app-builder en Datadog Community Slack.