El lienzo Flujo

Lienzo de flujo: la barra de herramientas, los paneles, los menús y los controles de depuración que comparte cada herramienta, y lo que difiere entre Studio Web, VS Code y Studio Desktop.

El lienzo de flujo es el espacio de trabajo visual donde creas flujos de trabajo, en cada entorno: VS Code, Studio Web y Studio Desktop. Cada paso de un flujo de trabajo es un nodo, y las líneas entre nodos establecen el orden en el que se ejecutan los pasos. El lienzo se abre al crear o abrir un archivo .flow .

El lienzo funciona de la misma manera en las tres herramientas. Las siguientes secciones describen lo que comparten, y Qué difiere entre herramientas cubre el resto.

Partes del lienzo

Área	Ubicación	Para qué sirve
Lienzo	Centrar	Coloca, conecta y organiza nodos.
Barra de herramientas inferior	Centro inferior	Elige el producto para el que se crea el flujo de trabajo, inicia una ejecución de depuración o una evaluación, añade un nodo y añade una nota.
Panel de propiedades	Derecha	Configura el nodo seleccionado.
Panel debajo del lienzo	Abajo	Revisa las ejecuciones de depuración, el seguimiento de ejecución y los detalles de cada nodo, y trabaja con evaluaciones.

Una tira de iconos en el borde derecho abre el panel Propiedades , los registros y el panel de inspecciones.

La barra de herramientas inferior

La barra de herramientas inferior tiene estos controles, de izquierda a derecha:

• Menú Crear como : muestra y establece el producto para el que se crea el proyecto.
• Ejecutar depuración (▶): inicia una ejecución de depuración.
• Ejecutar evaluación (icono de matraz): abre el panel Configurar ejecución de evaluación , que puntúa un conjunto de datos. La flecha junto al icono abre un menú con Ejecutar evaluación, que selecciona un conjunto de datos e inicia una ejecución, y Añadir punto de datos, que captura las entradas y la salida esperada en un asistente guiado. Evaluaciones los describe.
• Añadir nodo (+): abre el panel Añadir nodo .
• Añadir nota (icono de página): añade una nota al lienzo.

Añadir nodos

El botón + en la barra de herramientas inferior abre el panel Añadir nodo , que tiene un cuadro de búsqueda y grupos de nodos por propósito.

En orden, las categorías son Agente, Conector, Datos, Documento, Humano, Control, Herramienta y Esperar evento, seguidas de las categorías que llaman al trabajo existente. Desplácese por el panel para ver el resto. Aparece una categoría Desencadenador cuando añades un nodo desde la barra de herramientas inferior. Referencia de nodo enumera todos los nodos por categoría.

Por ejemplo, la categoría Herramienta contiene Script, herramientas de conversación, herramientas de cola y herramientas de voz. La herramienta los describe.

El + en el identificador saliente de un nodo añade un nuevo nodo y lo conecta en un solo paso.

Nota:

Los desencadenadores solo se pueden añadir desde la barra de herramientas inferior, no desde los controladores de nodo.

Conexión de nodos

Los nodos se conectan a través de controladores, los pequeños puntos en los bordes de un nodo. Un controlador de salida en el lado derecho de un nodo se conecta a un controlador de entrada en el lado izquierdo del siguiente nodo. El lienzo valida las conexiones en tiempo real: el verde indica una conexión válida y el rojo indica una no válida. Las conexiones respetan las restricciones de los nodos, por ejemplo, un desencadenador no puede conectarse a otro desencadenador.

Los segmentos de borde se pueden arrastrar para reposicionarlos. La ruta ajustada se mantiene para la sesión, pero no afecta al documento guardado ni al historial de deshacer.

El panel de propiedades

El panel de propiedades se abre a la derecha cuando se selecciona un nodo, mostrando la configuración de ese nodo. Las pestañas varían según el tipo de nodo, por ejemplo, un nodo Script muestra Parámetros, Gestión de errores y Avanzado.

Las variables que pertenecen a todo el flujo de trabajo no se gestionan en el panel de propiedades. Se encuentran en el panel Variables independiente, que describe Variables y flujo de datos .

La vista expandida a pantalla completa de un nodo está disponible desde su barra de herramientas al pasar el ratón. La vista ampliada tiene tres columnas: Entrada, que muestra los datos que el nodo puede leer en una vista de Esquema o JSON , Propiedades, que contiene la configuración del nodo, y Salida, que muestra los datos que ha producido el nodo. La columna Salida tiene un menú de modo con En vivo, Simulacro estático y Generado, que describe el simulacro de salida .

Depuración

Ejecutar depuración (▶) en la barra de herramientas inferior ejecuta el flujo de trabajo en el lienzo. Si el desencadenador tiene entradas, un cuadro de diálogo solicita primero sus valores. A medida que avanza la ejecución, cada nodo muestra su estado, y el panel debajo del lienzo muestra la ejecución y su seguimiento de ejecución.

Durante una ejecución, la barra de herramientas inferior muestra los controles de ejecución: un botón rojo Detener depuración , Continuar y Siguiente paso. La sesión de depuración también finaliza cuando cambias el flujo de trabajo.

Puntos de interrupción

Los puntos de interrupción son marcadores en los nodos. Para establecer uno, mantén el puntero sobre el nodo y luego selecciona ⋮ (Más opciones) > Añadir punto de interrupción en su barra de herramientas. La ejecución se detiene cuando alcanza un punto de interrupción. Un punto de interrupción aparece como un punto rojo en el nodo, y una ejecución que se detiene allí muestra un icono de pausa en ella. Continuar y Siguiente paso controlan cómo continúa la ejecución. Los puntos de interrupción se pueden establecer antes de una ejecución y durante una ejecución.

El panel debajo del lienzo

Después de una ejecución de depuración, aparece un panel debajo del lienzo.

Tabulación	Qué muestra
Ejecuciones	Las ejecuciones de depuración, el seguimiento de ejecución de la ejecución seleccionada y los detalles del elemento seleccionado. Para una ejecución, los detalles tienen las pestañas Variables, Incidentes y Metadatos . Para un nodo, muestran sus entradas y salidas.
Conjuntos de datos, Evaluadores, Ejecuciones de evaluación	Las pestañas de evaluación. Evaluaciones los describe.

Al seleccionar un nodo en el seguimiento de ejecución, se resalta el nodo correspondiente en el lienzo.

Menús de nodo y lienzo

El menú de un nodo se abre desde ⋮ (Más opciones) en su barra de herramientas activable, o al hacer clic con el botón derecho en el nodo. Tiene Añadir punto de interrupción, Añadir sondeo, Copiar, Cortar, Pegar y Eliminar. En un desencadenador, también tiene Depurar y Establecer como punto de entrada predeterminado.

Establecer como punto de entrada predeterminado establece el desencadenador seleccionado como el punto de entrada predeterminado del flujo de trabajo. Añadir sonda adjunta un panel Sonda al nodo. El panel muestra el valor de una expresión, comenzando $self.output, que es la propia salida del nodo, y el + en el panel añade otra expresión.

Al hacer clic con el botón derecho en el fondo del lienzo se muestran las opciones de diseño:

• Ordenar nodos: organiza automáticamente todos los nodos
• Ordenar seleccionados: organiza automáticamente los nodos seleccionados (2 o más)
• Alinear: izquierda, centro, derecha, arriba, en el medio, abajo (2+ seleccionados)
• Distribuir: horizontal, vertical (3+ seleccionados)
• Copiar/Pegar/Eliminar

Después de Ordenar nodos u Ordenar seleccionados, los bordes se enrutan alrededor de los nodos en lugar de pasar a través de ellos, manteniendo el diagrama legible cuando se reposicionan los nodos. Los bordes de bucle (autoconexiones y controladores de bucle invertido) mantienen su enrutamiento basado en controladores existente.

Atajos del teclado

Atajos clave del lienzo:

• Cmd+Z / Ctrl+Z: deshacer
• Cmd+Shift+Z / Ctrl+Shift+Z: rehacer
• Cmd+Shift+L / Ctrl+Shift+L: diseño automático de todos los nodos
• Delete / Backspace: eliminar los nodos seleccionados

Los atajos de teclado enumeran todos los atajos del lienzo.

En qué se diferencian las herramientas

Cada herramienta añade su propio explorador y barra de herramientas alrededor del lienzo.

	Studio Web	Código VS	EscritorioStudio
Explorar	El Explorador de la izquierda enumera la solución, sus proyectos y los recursos que puede utilizar un flujo de trabajo.	La vista de UiPath Maestro , desde el icono de UiPath en la barra de actividad.	El Studio Desktop Explorer, con la solución y sus proyectos.
Barra de herramientas superior	Una compilación | Gestionar , donde Gestionar muestra las implementaciones, y un menú Depurar en la parte superior izquierda.	Los comandos de UiPath en la Paleta de comandos, que enumera la extensión de VS Code .	Pestañas Diseño y Depuración , y un menú Depurar con Depurar archivo, Ejecutar archivo, Depurar y Ejecutar.
Depurar paso a paso	En el menú Depurar (Shift+F5).	No disponible.	No disponible.
Autopilot (vista previa)	El panel de Autopilot .	La extensión independiente de Autopilot de UiPath .	El panel Autopilot a la derecha.

Menú de depuración de Studio Web

El menú Depurar en la parte superior izquierda de la barra de herramientas de Studio Web tiene estas opciones:

• Depurar (F5): ejecuta el flujo de trabajo, como Ejecutar depuración en la barra de herramientas inferior.
• Depurar paso a paso (Shift+F5): ejecuta el flujo de trabajo un nodo a la vez.
• Configuración de depuración: abre el cuadro de diálogo Configuración de depuración . Su pestaña Argumentos de punto de entrada establece los valores de entrada del desencadenador para las ejecuciones de depuración, y su pestaña Recursos de solución elige qué conexión utiliza cada recurso, en Depurar usando. Mientras Mostrar antes de depurar está activado, el cuadro de diálogo también se abre cada vez que inicias una ejecución de depuración.
• Implementar la solución para la depuración

Durante una ejecución de depuración, el panel Registros de la derecha muestra los pasos de preparación de la ejecución.

Opciones del panel de propiedades en VS Code y Studio Desktop

En VS Code y Studio Desktop, el icono de los controles deslizantes junto a Propiedades, encima del lienzo, abre un menú que cambia el aspecto del panel de propiedades:

• Secciones: muestran u ocultan Parámetros, Variables, Entrada y Salida.
• Comportamiento del panel: ocultar automáticamente o persistir siempre.
• Diseños predeterminados: Predeterminado: Derecha, Predeterminado: Abajo o Predeterminado: Dividir.
• Ajustes preestablecidos guardados: Guardar como ajuste preestablecido guarda el diseño actual como un ajuste preestablecido.

También puedes arrastrar las pestañas Parámetros y Variables por su control para reorganizarlas.

Próximos pasos

• Atajos de teclado: muévete por el lienzo y trabaja con nodos más rápido.
• Tu primer flujo de trabajo: el flujo de trabajo de entrada de pedidos, creado paso a paso en unos 15 minutos.
• Fundamentos de la depuración: consejos para depurar un flujo de trabajo.
• Comunidad: haz preguntas y comparte flujos de trabajo con otros constructores en UiPath Forum.