Introducción

El módulo "Integraciones" te permite combinar fácilmente APIs y servicios en línea a través de programación visual. El módulo proporciona una interfaz fácil de usar donde puedes arrastrar y conectar bloques de nodos, creando la lógica de tus aplicaciones de manera visual. Esto simplifica el desarrollo, haciéndolo accesible incluso para aquellos que no son programadores profesionales, y acelera significativamente el proceso de integración de varios sistemas:

Elementos Clave de la Interfaz del Módulo de Integraciones

Antes de comenzar a crear tus primeros flujos e integraciones, echemos un vistazo a la interfaz. Entender cómo están estructurados los elementos principales simplificará tu trabajo y te ayudará a acostumbrarte más rápidamente.

1. Panel Izquierdo con Nodos

El panel izquierdo es donde encontrarás todos los nodos disponibles. Estos son los elementos a partir de los cuales construirás tus flujos de datos.

Para usar un nodo, simplemente arrástralo al espacio de trabajo. Todos los nodos tienen sus propósitos específicos y pueden configurarse individualmente.

Ejemplos de Nodos:

• Inyectar: te permite enviar datos manualmente al flujo.
• Depurar: envía datos y mensajes al menú de depuración.
• Función: te permite escribir código personalizado en JavaScript.
• Plantilla: se utiliza para crear plantillas de texto o HTML.

2. Pestañas

Las pestañas están ubicadas sobre el espacio de trabajo y te permiten alternar entre diferentes proyectos o flujos de datos. Esto es conveniente si estás trabajando en múltiples integraciones simultáneamente o deseas separar la lógica en varios flujos.

• Crear Nuevas Pestañas: Puedes agregar una nueva pestaña haciendo clic en el botón de más +. Cada nueva pestaña representa un flujo de datos separado, ayudándote a organizar mejor tu proyecto.
• Renombrar Pestañas: Para renombrar una pestaña, haz doble clic en su nombre e ingresa un nuevo nombre. Esto es especialmente útil si tienes muchas pestañas y deseas entender claramente qué contiene cada una.
• Eliminar Pestañas: Puedes eliminar una pestaña si ya no la necesitas. Sin embargo, ten cuidado de no perder datos importantes.

Ejemplo: Si estás trabajando en una integración de pagos, puedes crear pestañas separadas para cada servicio.

3. Espacio de Trabajo

El espacio de trabajo es la parte central de la interfaz donde construyes y editas tus flujos de datos.

• Colocando Nodos: Después de arrastrar un nodo desde el panel izquierdo, aparecerá en el espacio de trabajo. Aquí puedes moverlo, conectarlo a otros nodos y crear la lógica de tu flujo.
• Conectando Nodos: Para conectar nodos, simplemente arrastra una línea desde la salida de un nodo hasta la entrada de otro. De esta manera, los datos se pasarán a través del flujo de un nodo a otro.
• Gestionando Flujos: El espacio de trabajo te permite crear múltiples flujos de datos, lo que ayuda a organizar integraciones y lógicas complejas.

Consejo: Puedes acercar y alejar el espacio de trabajo usando tu ratón o touchpad para ver todos los detalles de tu flujo.

4. Formulario de Edición de Nodos

Cuando haces doble clic en un nodo en el espacio de trabajo, se abre el formulario de edición de nodos. Esta es una ventana donde configuras el comportamiento del nodo.

• Campos de Configuración: Cada nodo tiene sus parámetros que puedes editar. Por ejemplo, en el nodo Función, puedes escribir y editar código.
• Guardando Cambios: Después de editar el nodo, haz clic en el botón Enviar para guardar los cambios.

Ejemplo: En el nodo Función, puedes escribir código JavaScript que transforma datos. En el nodo Plantilla, puedes crear una plantilla que inserta datos dinámicamente.

5. Panel de Depuración

El panel de depuración está ubicado a la derecha y se utiliza para ver los datos de salida y los mensajes del nodo Depurar.

• Viendo Mensajes: Cuando ejecutas el flujo de datos, el nodo Depurar envía mensajes al menú de depuración. Esto te ayuda a ver qué está sucediendo en tu flujo y verificar la corrección de los datos.
• Filtrando Mensajes: Puedes filtrar mensajes para ver solo los datos que necesitas. Esto es conveniente cuando tienes mucha salida de diferentes nodos Depurar.
• Limpiando la Ventana de Depuración: Usa el botón de limpiar para eliminar mensajes antiguos y concentrarte en nuevos datos.

Ejemplo: Si estás utilizando el nodo Función para realizar cálculos, agrega un nodo Depurar al final del flujo para verificar si tu código procesa los datos correctamente.

6. Botones de Control

Botón de Pantalla Completa

• Este botón te permite expandir la interfaz del módulo de Integraciones a pantalla completa, lo cual es útil al trabajar en flujos de datos complejos o al demostrar el proyecto en un monitor grande.
• Al hacer clic en este botón, tendrás más espacio para editar y podrás ver mejor todos los detalles de tus flujos.

Botón de Publicar

• Este es el botón principal que guarda y despliega todos los cambios realizados en tus flujos de datos, haciéndolos activos. Después de haber agregado o modificado nodos, asegúrate de hacer clic en este botón para que tus configuraciones tengan efecto.