Generación de Imágenes de Texto Dinámicas mediante API Externa - Flujo de trabajo de n8n

Texto con formato Markdown.

Desarrolladores que necesitan imágenes de marcador de posición rápidas y personalizables para pruebas y prototipos.
Creadores de contenido que buscan generar activos visuales dinámicos sin utilizar herramientas de diseño complejas.
Usuarios que están aprendiendo a aprovechar el potente nodo HTTP Request de n8n para obtener recursos externos.
Especialistas en automatización que buscan plantillas prácticas de n8n para una integración eficiente de API externas.

Este robusto flujo de trabajo de n8n proporciona una forma fluida de generar imágenes de marcador de posición personalizadas interactuando directamente con la API gratuita DummyJSON. Sirve como un excelente ejemplo de cómo aprovechar el nodo HTTP Request de n8n combinado con la configuración de datos dinámicos mediante el nodo Set de n8n.

La automatización resuelve el problema común de necesitar contenido de marcador de posición personalizable al instante. Al preconfigurar el tamaño de la imagen, el color de fondo, el texto y la familia de fuentes dentro del entorno n8n, este flujo de trabajo elimina pasos manuales. Esto lo convierte en un activo valioso entre las plantillas de n8n disponibles para cualquiera involucrado en el desarrollo o el despliegue rápido de contenido, mostrando el poder y la flexibilidad de la integración de n8n.

Texto con formato Markdown.

Este flujo de trabajo de n8n, sencillo pero eficaz, opera en tres fases principales:

1. Inicio: El proceso comienza con el disparador de n8n “When clicking ‘Test workflow’” (Al hacer clic en ‘Probar flujo de trabajo’). Esto está diseñado para pruebas manuales, permitiéndole verificar rápidamente la salida y la configuración sin necesidad de una ejecución programada.


2. Configuración de Parámetros: El nodo de n8n “Set Image Properties” (Establecer Propiedades de Imagen) inicializa todos los parámetros críticos requeridos por la API externa. Variables como size (600x400), backgroundColor (cc22e3), textColor (ffffff), el text a mostrar ("Generated!"), fontSize y fontFamily se establecen como datos JSON para pasarlos al siguiente paso. Este nodo crucial de n8n estandariza la entrada.


3. Ejecución de la API: El nodo de n8n “Fetch Image from API” (Obtener Imagen de la API) (un nodo HTTP Request de n8n) ejecuta la función principal. Construye la URL de la API dinámicamente utilizando expresiones que hacen referencia a los parámetros establecidos en el paso anterior. Envía una solicitud GET al endpoint de DummyJSON. La configuración clave (como el contenido del texto y la fuente) se pasa de forma segura como parámetros de consulta, asegurando que la imagen solicitada se genere correctamente y que los datos de la imagen sean devueltos por el flujo de trabajo de n8n.

Texto con formato Markdown.

1. Importar el flujo de trabajo de n8n: Copie el código JSON proporcionado y péguelo directamente en su instancia de n8n a través del menú 'New' (Nuevo) > 'Import from JSON' (Importar desde JSON).


2. Activar el flujo de trabajo: Asegúrese de que el flujo de trabajo de n8n esté activado cambiando el interruptor en la esquina superior derecha.


3. No se requieren credenciales: Dado que este flujo de trabajo de n8n utiliza la API pública DummyJSON, no se necesitan credenciales externas ni claves API para el nodo HTTP Request de n8n.


4. Personalización: Navegue hasta el nodo de n8n “Set Image Properties” para cambiar las dimensiones, los colores o el contenido del texto para adaptarlos a sus requisitos específicos. Los valores establecidos aquí determinan la salida final del flujo de trabajo de n8n.

Texto con formato Markdown.

When clicking ‘Test workflow’ (Disparador manual de n8n)
Función: Inicia la ejecución del flujo de trabajo de n8n manualmente, principalmente con fines de desarrollo y pruebas.
Configuración clave: Ninguna. Sirve como el punto de entrada inmediato para el flujo de trabajo de n8n.

Set Image Properties (Nodo Set de n8n)
Función: Define las variables de carga útil (payload) que especifican las características deseadas de la imagen (tamaño, colores, texto, fuentes).
Configuración clave: Define explícitamente varias asignaciones de cadenas, incluyendo size (600x400), backgroundColor (cc22e3), textColor (ffffff) y el text superpuesto ("Generated!"). Estas variables aseguran que el nodo HTTP Request de n8n subsiguiente esté parametrizado correctamente.

Fetch Image from API (Nodo HTTP Request de n8n)
Función: Realiza la llamada externa a la API de DummyJSON para generar y recuperar el recurso de imagen.
Configuración clave:
URL: Utiliza expresiones como ={{ $json.size }} para construir dinámicamente la ruta de la solicitud basándose en las variables establecidas anteriormente.
* Parámetros de Consulta (Query Parameters): Pasa variables como text, fontSize y fontFamily a la API para controlar la representación del texto. Esta integración es crucial para el éxito del flujo de trabajo de n8n.