Saltar al contenido

Lienzo de Diseño

Introducción

El tela de diseño es el área central cuando se abre un proyecto y funciona como el espacio de trabajo principal donde se diseñan visualmente las integraciones. Esta página cubre los elementos de la interfaz de usuario que están presentes en el tela de diseño, así como los conceptos clave que se deben comprender mientras se trabaja en el tela de diseño.

Nota

El tela de diseño y la paleta de componentes de diseño tienen una versión beta de una interfaz de usuario rediseñada (como se muestra en las secciones siguientes). Se puede acceder a la versión beta en cualquier sistema operativo mediante la combinación de teclas Control+Shift+F3 para proporcionar comentarios sobre el nuevo diseño, comuníquese con su Gerente de éxito del cliente (CSM).

Para acceder al tela de diseño, primero abra un proyecto. En un proyecto abierto, el tela de diseño es el área central ubicada a la derecha del panel del proyecto y a la izquierda de la paleta de componentes de diseño, debajo de la barra de herramientas del proyecto:

diseñador de proyectos tela de diseño anotado pp

Diseño de Encabezado de Lienzo

Estos elementos están presentes en la parte superior del tela de diseño:

encabezado

  • Pestañas de Flujo de Trabajo: Se accede a los Flujos de Trabajo desde las pestañas ubicadas en la parte superior del tela de diseño. Se pueden crear flujos de trabajo adicionales haciendo clic en el botón nuevo icono de flujo de trabajo. El nuevo flujo de trabajo se abre en una nueva pestaña dentro del tela de diseño. Los Flujos de Trabajo se numeran secuencialmente en el orden en que se crean, como 1.0, 2.0, 3.0, etc. Si reordena los flujos de trabajo, esta secuencia numérica se ajusta en consecuencia (consulte Reordenar flujos de trabajo en Creación y diseño de Flujo de Trabajo).

  • Estado de guardado: El estado de guardado automático se muestra en la parte superior izquierda del tela de diseño. Estos son los estados disponibles:

    • Guardado: Todos los elementos del proyecto se guardan tal como están configurados actualmente.
    • Guardando: El proyecto se está guardando actualmente. Este estado se produce solo después de que se hayan realizado cambios.
  • Última despliegue: Se muestra la fecha y la hora en que se implementó por última vez cualquier parte del proyecto. Si aún no se implementó ninguna parte del proyecto, no se muestra nada aquí.

  • Contraer todas las operaciones o Expandir todas las operaciones: alterna la visualización de todas las operaciones dentro del flujo de trabajo actual a una vista condensada o expandida (consulte Expandir o contraer operaciones en Creación y configuración de operaciones).

  • Resaltar elementos no válidos: Alterna la visualización de elementos no válidos (consulte Validez del Flujo de Trabajo, Validez de la operación, o Validez del componente, respectivamente).

  • Acciones: Haga clic en el icono del menú de acciones para abrir el menú de acciones del tela de diseño (vea menú de acciones del lienzo de diseño más adelante en esta página).

Elementos del Lienzo de Diseño

La función principal del tela de diseño es contar con un espacio de trabajo donde diseñar visualmente flujos de trabajo. Cada flujo de trabajo se compone de una colección de operaciones que se utilizan como herramienta para su conveniencia a fin de ayudar a separar las diferentes partes del proyecto.

Los Flujos de Trabajo se diseñan colocando y configurando operaciones en el tela de diseño. Los elementos del lienzo de diseño son los elementos que aparecen visualmente en el tela de diseño para ayudarlo a diseñar un flujo de trabajo, incluidos los siguientes:

  • Zonas de caída para operaciones y para otros componentes utilizados como pasos de operación
  • Operaciones y los componentes utilizados como pasos de operación dentro de ellos
  • Notificaciones que están vinculadas desde operaciones
  • Referencias de operaciones que están fuera del flujo de trabajo actual y vinculados desde una operación en el flujo de trabajo actual
  • Líneas que conectan operaciones vinculadas, secuencias de comandos y notificaciones

A continuación se describe cada uno de esos elementos del tela de diseño. Para obtener información adicional sobre el diseño de flujos de trabajo, consulte Creación y diseño de Flujo de Trabajo.

Zonas de Caída

Una área de inserción es una representación visual de dónde se puede colocar una operación u otro componente en el tela de diseño. Hay dos tipos de zonas de colocación: zonas de colocación de operación y zonas de colocación de componentes:

  • Área de inserción de operaciones: Las zonas de colocación de operaciones indican dónde se puede colocar una operación. Una área de inserción de operaciones se muestra permanentemente en la parte inferior del tela de diseño después de la última operación. Para mostrar zonas de colocación de operación adicionales, pase el cursor sobre las operaciones existentes. Cuando hace clic para seleccionar una área de inserción de operaciones, se muestra con un borde violeta que delinea la área de inserción y permanece seleccionada hasta que cambia el foco:

    operación de área de inserción

  • Área de inserción de componentes: Las zonas de colocación de componentes indican dónde se pueden colocar otros componentes que se pueden usar como pasos de operación en una operación existente. Para mostrar una área de inserción de componentes, pase el cursor hacia la izquierda o la derecha de un etapa de operación en una operación existente en el tela de diseño. Cuando hace clic para seleccionar una área de inserción de componentes, se muestra con un borde violeta que delinea la área de inserción y permanece seleccionada hasta que cambia el foco:

    componente de área de inserción

Hay un menú de acciones disponible en cada área de inserción. Tanto las zonas de colocación de operación como las zonas de colocación de otros componentes muestran los mismos elementos de menú, como se describe en menú de acciones de la zona de colocación más adelante en esta página.

Operaciones

Las operaciones se representan visualmente en el tela de diseño mediante un área rectangular dinámica con un fondo gris.

Una operación consta de estos elementos:

elementos de operación

Nombre de la Operación

La sección superior izquierda de una operación consta del nombre de la operación proporcionado por el usuario. Cuando crea una nueva operación, su nombre predeterminado es Nueva operación. Las operaciones nuevas posteriores con nombres predeterminados se agregan con un número incrementado entre paréntesis. Los nombres de las operaciones deben ser únicos y no deben contener barras diagonales (/) o dos puntos (:) para que sea válido. Para cambiar el nombre de una operación, consulte Cambio de nombre de flujos de trabajo, operaciones y pasos de operación más adelante en esta página.

Barra de Acción de Operación

La barra de acción de la operación aparece en la parte superior derecha de una operación al pasar el cursor sobre operación y consta de este conjunto de íconos:

barra de acción de operación

Icono Descripción

Contrae la operación en una vista más pequeña y condensada (consulte Expandir o contraer operaciones en Creación y configuración de operaciones).

Este icono se muestra solo cuando la operación está expandida.

Expande la operación en la vista estándar (vea Expandir o contraer operaciones en Creación y configuración de operaciones).

Este icono se muestra solo cuando la operación está contraída.

Implementa la operación y sus dependencias (vea Despliegue en Despliegue y ejecución de operaciones).

Implementa y ejecuta la operación y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de la operación).
Ejecuta una operación ya implementada y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de operaciones).

Abre la configuración de la operación en la pestaña Opciones, donde puede configurar la opción Habilitar registro de depuración hasta (consulte Opciones de operación).

  • Un icono sólido indica que el registro de depurar de operación está habilitado actualmente en el nivel de operación.
  • Un ícono delineado indica que el registro de depurar de operación está actualmente deshabilitado en el nivel de operación.

Coloca una copia del componente en el portapapeles y elimina el componente original del proyecto (vea Reutilización de componentes).
Coloca una copia del componente en su portapapeles (vea Reutilización de componentes).
Abre el menú de acciones de la operación, que se describe más adelante en esta página.

Pasos de la Operación

Cada operación que ya se ha configurado con pasos de operación incluye una representación visual de esos pasos. Cada paso está representado por un cuadrado que muestra un icono que representa el componente, debajo del cual se encuentra el nombre del componente:

etapa de operación

  • Barra de acciones: Cada etapa de operación tiene una barra de acciones a la que se puede acceder al pasar el cursor sobre el etapa de operación. Cada elemento del menú se describe en Barra de acciones del componente más adelante en esta página.

  • Icono de complemento: Las actividades que se han configurado con un complemento que se ejecuta al ejecutar la operación muestran un icono de complemento en la parte superior derecha del etapa de operación. Para obtener más información, consulte Complementos agregados a una actividad.

  • Icono de escucha: Las actividades de escucha se muestran con un icono que indica el estado de la escucha. Para obtener más información, consulte Servicio de escucha página.

    • Una página azul el icono de escucha indica que la escucha está habilitada para esta actividad.

    • Un icono gris el icono de oyente indica que la escucha no está habilitada para esta actividad.

  • Eventos habilitados/eventos deshabilitados: Después de desplegar una operación que contiene una actividad de escucha, aparece un botón de alternancia. El botón de alternancia se puede utilizar para habilitar o deshabilitar la escucha de eventos para esa operación. Para obtener más información, consulte Servicio de escucha página.

Estado de Ejecución

En determinadas circunstancias, la sección inferior de una operación tiene el estado de tiempo de ejecución de la operación y la opción de cancelar la operación:

estado de la operación

  • Estado de la operación: Después de que una operación se haya enviado con éxito a la cola de operación, el estado de la operación en tiempo real se informa en la parte inferior de la operación. Para obtener más detalles, consulte Estado de la operación en Despliegue y ejecución de operaciones.

  • Cancelar: Visible solo cuando el estado de la operación es Enviada, Recibida, Pendiente o En ejecución. Haga clic para enviar una solicitud al agente para cancelar la operación. Al hacer clic en Cancelar se envía una solicitud al agente para detener la operación y se muestra un estado Cancelación solicitada junto al estado de la operación en tiempo real:

    cancelar operación

    Nota

    Las operaciones que tienen un estado Cancelación solicitada aún pueden ejecutarse.

Estado de Despliegue

El estado de desplegar de cada operación se muestra en la sección inferior de cada operación:

Seleccionar Operaciones y Pasos de Operación

Para seleccionar una operación, haga clic en el fondo de la operación. La operación seleccionada se muestra con un borde violeta que la delimita. En este ejemplo, se ha seleccionado toda la operación Obtener pedidos aprobados de NetSuite:

operación seleccionada

Para seleccionar un etapa de operación, haga clic en la representación visual del paso. El etapa de operación seleccionado se muestra con un borde violeta que delimita el componente. En este ejemplo, se selecciona la transformación Map NS Sales Orders:

etapa de operación seleccionado

Notificaciones

Una representación visual de una notificación aparece automáticamente en el tela de diseño cuando enlace una notificación correo mediante la acción de operación Enviar notificación Correo. Más abajo, en Líneas se proporciona información adicional sobre la visualización de enlaces.

La notificación correo se muestra con un fondo gris. Dentro del área de fondo, la notificación correo está representada por un rectángulo que muestra un icono, debajo del cual se encuentra el nombre de la notificación por correo. Para seleccionar una notificación correo, haga clic en la representación visual de la misma. La notificación correo seleccionada se muestra con un borde violeta que delimita el componente:

notificación seleccionada

Para conocer las acciones del menú disponibles en una notificación correo, consulte menú de acciones del componente más adelante en esta página.

Referencias de Operaciones

Las operaciones que existen fuera del flujo de trabajo actual pueden referenciarse desde una operación del flujo de trabajo actual. Cuando se vincula una operación de este tipo, aparece automáticamente una representación visual de la operación externa en el tela de diseño del flujo de trabajo actual. A continuación, en Líneas, se proporciona información adicional sobre la visualización de vínculos.

La referencia de la operación se muestra con un fondo gris y contiene íconos de formas que sirven como representación general de los pasos de la operación.

Una operación que no existe en otro flujo de trabajo se muestra solo con el nombre de la operación:

referencia de operación

Una operación que existe en otro flujo de trabajo se muestra con el nombre del flujo de trabajo, seguido del nombre de la operación. Haga clic en las palabras para abrir el flujo de trabajo en el que existe la operación:

flujo de trabajo de referencia de operación

Líneas

Las líneas que conectan operaciones vinculadas, secuencias de comandos y notificaciones aparecen automáticamente en el tela de diseño. Las operaciones vinculadas se pueden configurar mediante acciones de operación o utilizando el RunOperation función.

Condición de Éxito

Se muestra una línea verde para una condición En caso de éxito y aparece a la izquierda de las operaciones o correos vinculados:

cadena de operación

En Condición de Falla

Se muestra una línea roja para una condición En caso de error y aparece a la derecha de las operaciones o correos vinculados:

cadena de operación de correo

En Condición de Falla de SOAP

Se muestra una línea naranja para una condición En caso de error de SOAP y aparece a la derecha de las operaciones o correos vinculados:

error en la cadena de operación SOAP

RunOperation función

Se muestra una línea gris para una operación llamada desde un secuencia de comandos utilizando el RunOperation función y comienza el etapa de operación utilizando la función. Aparece una línea gris a la izquierda de las operaciones o correos vinculados:

cadena de operación ejecutaroperacion

Un se muestra un círculo abierto en una operación contraída para indicar visualmente que el secuencia de comandos que llama a la operación vinculada se origina en un componente contraído:

cadena de operación ejecutaroperacion

Menús de Acciones

Los menús de acciones a los que se puede acceder desde el tela de diseño incluyen aquellos para el tela de diseño, los componentes y las zonas de colocación.

Menú de Acciones del Lienzo de Diseño

Haga clic en el icono del menú de acciones en la parte superior derecha del tela de diseño para abrir un menú con estas acciones:

Elemento del menú
Descripción
deshacer Deshacer revierte tu última acción (vea Deshacer y rehacer en Permisos, colaboración y guardado de Cloud Studio).
rehacer Rehacer revierte tu última acción Deshacer (vea Deshacer y rehacer en Permisos, colaboración y guardado de Cloud Studio).

menú de desplegar

menú de desplegar desplegar configurable desplegar

Desplegar muestra estas acciones de menú:

  • Desplegar: Implementa todas las operaciones utilizadas por los flujos de trabajo de un proyecto (vea Despliegue del proyecto).
  • Despliegue configurable: Abre la pantalla de despliegue del proyecto, donde puede seleccionar flujos de trabajo y operaciones para desplegar (consulte Despliegue del proyecto).

migrar Migrar abre la pantalla de migración del proyecto, donde puedes elegir el ambiente de destino (vea Migración del proyecto).
historial del proyecto Historial del proyecto abre un panel en el lado derecho del diseñador de proyectos donde puede ver eventos del historial del proyecto, etiquetar eventos y restaurar proyectos (consulte Historial del proyecto).

Acciones de Componentes

Para abrir el menú de acciones de una operación, realice una de estas acciones:

  • Haga clic derecho en cualquier lugar de la barra de acción de la operación.
  • Haga clic en el icono del menú de acciones en la parte superior derecha de una operación.

Coloque el cursor sobre un etapa de operación (actividades, transformaciones o secuencias de comandos) y reciba notificaciones correo para ver su barra de acciones.

Algunas acciones están disponibles solo en ciertos tipos de componentes, como se detalla en las subsecciones siguientes:

  • Operaciones: El menú de acciones para operaciones (que se muestra en la imagen de la izquierda) tiene elementos únicos como Configuración, Duplicar, Ejecutar, Ver registros, Cambiar nombre, Ver dependencias, Agregar al grupo y Eliminar, y submenús únicos para Desplegar. También incluye acciones comunes como Cortar, Copiar y Eliminar.
  • Actividades, secuencias de comandos, transformaciones y notificaciones correo: La barra de acciones de estos componentes comparte las mismas acciones, incluidas Ver/Editar, Cortar, Copiar y Eliminar (que se muestran en la barra de acciones de una actividad en la imagen de la derecha).

Menú de acciones de operación

menú de acciones de operación

Barra de acción de actividad

barra de acciones del etapa de operación

Operaciones

Estos elementos están disponibles en el menú de acciones de una operación:

Elemento del menú
Descripción
configuración

Configuración abre la configuración de la operación, que contiene tres pestañas:

  • Horarios: Crea y aplica horarios para ejecutar operaciones automáticamente (vea Horarios de operaciones).
  • Acciones: Configure las acciones a realizar en caso de éxito o fracaso de la operación (consulte Acciones de la operación).
  • Opciones: Establezca opciones como cuándo finalizará la operación, qué registrar y el período de tiempo para el registro, cuándo se ejecutará la operación o si se utilizará fragmentación de datos (consulte Opciones de operación).

publicar como una API Publicar como API abre un cuadro de diálogo para configurar y publicar un API Manager API personalizada que se utilizará para exponer la operación para el consumo (vea Publicar como API). La cantidad de APIs a las que está asignada la operación se muestra junto a este elemento del menú. Esta acción solo es visible cuando la operación no tiene cambios no implementados.

menú duplicado

menú duplicado con referencias de pasos con copias de pasos

Duplicado muestra estas acciones del menú (vea Reutilización de operaciones):

  • Con referencias de pasos: Duplica solo la operación. La operación duplicada contiene referencias a cada uno de los pasos de la operación original.
  • Con copias de pasos: Duplica la operación y los componentes a los que se hace referencia como pasos de la operación. Se crean nuevos componentes para cada etapa de operación y la operación duplicada hace referencia a ellos.

menú de desplegar

menú de desplegar desplegar y ejecutar desplegar configurable

Desplegar muestra estas acciones del menú:

correr Ejecutar ejecuta una operación ya implementada y cualquier operación abajo en la cadena (vinculada) (consulte Despliegue y ejecución de operaciones).
ver registros Ver registros abre la pantalla de registro de operación, que incluye registros de esta operación y de cualquier operación secundaria que se haya implementado y ejecutado (consulte Registros de operaciones).
renombrar Cambiar nombre posiciona el cursor en el nombre de la operación para que usted pueda realizar las modificaciones necesarias.
ver dependencias Ver dependencias cambia la vista en el panel del proyecto para mostrar cualquier otra parte del proyecto de la que dependa la operación específica (consulte Dependencias de la operación, eliminación y remoción).
añadir al grupo Agregar al grupo abre un cuadro de diálogo para crear un nuevo grupo personalizado o para agregar el componente a un grupo existente (vea Grupos de componentes).
eliminar Eliminar elimina permanentemente el componente (vea Dependencias de la operación, eliminación y remoción).
eliminar Eliminar elimina la operación del tela de diseño. Cualquier otra referencia a la operación, como dentro de secuencias de comandos, transformaciones o ajustes de configuración, no se ve afectada (consulte Dependencias de la operación, eliminación y remoción).

Actividades, Secuencias de Comandos, Transformaciones y Notificaciones Correo

La barra de acciones de estos componentes comparte las mismas acciones:

Icono Descripción
Editar abre la pantalla de configuración del componente. Para obtener más detalles sobre la configuración, consulte el componente correspondiente en Conectores, Secuencias de Comandos, o Transformaciones.
Cortar coloca una copia del componente en el portapapeles y elimina el componente original del proyecto (vea Reutilización de componentes).
Copiar coloca una copia del componente en su portapapeles (vea Reutilización de componentes).
Eliminar elimina el componente como un etapa de operación de la operación. Cualquier otra referencia al componente, como dentro de secuencias de comandos, transformaciones o ajustes de configuración, no se ve afectada (consulte Dependencias, eliminación y remoción de componentes).

Menú de Acciones de la Zona de Colocación

Las zonas de colocación de operaciones siempre están visibles en el tela de diseño. Para mostrar la área de inserción de un componente que se puede usar como etapa de operación, pase el cursor hacia la izquierda o la derecha de un etapa de operación en una operación existente en el tela de diseño.

Para abrir el menú de acciones para cualquier tipo de área de inserción, realice una de estas acciones:

  • Haga clic derecho en la área de inserción.
  • Pase el cursor sobre la área de inserción y luego haga clic en el icono del menú de acciones.

Tanto las zonas de colocación de operación como las zonas de colocación de otros componentes muestran los mismos elementos de menú:

Menú de acciones de la Área de inserción de operaciones

menú de acciones de operación de área de inserción

Menú de acciones de la Área de inserción de componentes

menú de acciones del componente de área de inserción

Elemento del menú
Descripción
nuevo secuencia de comandos Nuevo Secuencia de Comandos crea un nuevo secuencia de comandos como paso en una operación nueva o existente (vea Tipos de Secuencia de Comandos y creación). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación.
nueva transformación Nueva Transformación crea una nueva transformación como un paso en una operación nueva o existente (vea Creación y configuración de Transformación). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación.
pegar

Pegar crea un duplicado de una actividad, secuencia de comandos, operación o notificación correo que se encuentra en el portapapeles como un nuevo componente al que hace referencia una operación nueva o existente (consulte Reutilización de componentes). Cuando se utiliza en una área de inserción de operaciones, también se crea una nueva operación.

El nombre predeterminado del nuevo componente utiliza el nombre del componente original al que se le añade - Copiar. Los duplicados posteriores se añaden con un número incrementado entre paréntesis.

Cambiar el Nombre de Flujos de Trabajo, Operaciones y Pasos de Operación

Para cambiar el nombre de un flujo de trabajo desde el tela de diseño, haga doble clic en el nombre en la pestaña de flujo de trabajo en la parte superior del tela de diseño:

cambio de nombre de pestaña de flujo de trabajo

Para cambiar el nombre de una operación desde el tela de diseño, haga clic en el nombre de la operación:

operación renombrar

Para cambiar el nombre de los pasos dentro de una operación desde el tela de diseño, haga clic en el nombre en la operación:

cambio de nombre del etapa de operación

Operaciones de Reordenamiento

Las operaciones en el mismo flujo de trabajo se pueden reordenar arrastrándolas y soltándolas en el tela de diseño.

Haga clic y mantenga presionado en cualquier parte de una operación para seleccionarla y arrastrarla por encima o por debajo de otras operaciones dentro del flujo de trabajo:

operación de movimiento

Esta acción tiene un efecto en cascada: renumera las operaciones que se encuentran por encima o por debajo de ella en el árbol del proyecto.