Geração de Imagens com Texto Dinâmico Usando API Externa - Fluxo de trabalho n8n

Texto formatado em Markdown.

Desenvolvedores que precisam de imagens de espaço reservado rápidas e personalizáveis para testes e prototipagem.
Criadores de conteúdo que procuram gerar ativos visuais dinâmicos sem usar ferramentas de design complexas.
Utilizadores aprendendo a alavancar o poderoso nó HTTP Request do n8n para buscar recursos externos.
Especialistas em automação que procuram modelos práticos de n8n para integração eficiente de APIs externas.

Este robusto fluxo de trabalho do n8n oferece uma maneira integrada de gerar imagens de espaço reservado personalizadas, interagindo diretamente com a API gratuita DummyJSON. Ele serve como um excelente exemplo de como alavancar o nó HTTP Request do n8n combinado com a definição de dados dinâmicos usando o nó Set do n8n.

A automação resolve o problema comum de precisar de conteúdo de espaço reservado instantaneamente personalizável. Ao pré-configurar o tamanho da imagem, cor de fundo, texto e família da fonte dentro do ambiente n8n, este fluxo de trabalho elimina etapas manuais. Isso o torna um ativo valioso entre os modelos de n8n disponíveis para qualquer pessoa envolvida em desenvolvimento ou implantação rápida de conteúdo, demonstrando o poder e a flexibilidade da integração n8n.

Texto formatado em Markdown.

Este fluxo de trabalho do n8n, simples mas eficaz, opera em três estágios principais:

1. Iniciação: O processo começa com o gatilho do n8n “When clicking ‘Test workflow’” (Ao clicar em ‘Testar fluxo de trabalho’). Ele é projetado para testes manuais, permitindo que você verifique rapidamente a saída e a configuração sem a necessidade de uma execução agendada.


2. Configuração de Parâmetros: O nó do n8n “Set Image Properties” (Definir Propriedades da Imagem) inicializa todos os parâmetros críticos exigidos pela API externa. Variáveis como size (tamanho - 600x400), backgroundColor (cor de fundo - cc22e3), textColor (cor do texto - ffffff), o text (texto) a ser exibido ("Generated!" - "Gerado!"), fontSize (tamanho da fonte) e fontFamily (família da fonte) são estabelecidas como dados JSON para serem passados para a próxima etapa. Este nó crucial do n8n padroniza a entrada.


3. Execução da API: O nó do n8n “Fetch Image from API” (Buscar Imagem da API) (um nó HTTP Request do n8n) executa a função principal. Ele constrói dinamicamente a URL da API usando expressões que fazem referência aos parâmetros definidos na etapa anterior. Ele envia uma requisição GET para o endpoint da DummyJSON. Configurações chave (como conteúdo do texto e fonte) são passadas de forma segura como parâmetros de consulta (query parameters), garantindo que a imagem solicitada seja gerada corretamente e que os dados da imagem sejam retornados pelo fluxo de trabalho do n8n.

Texto formatado em Markdown.

1. Importar o fluxo de trabalho do n8n: Copie o código JSON fornecido e cole-o diretamente na sua instância do n8n através do menu 'New' (Novo) > 'Import from JSON' (Importar de JSON).


2. Ativar o fluxo de trabalho: Certifique-se de que o fluxo de trabalho do n8n esteja ativado ligando a chave no canto superior direito.


3. Nenhuma Credencial Necessária: Como este fluxo de trabalho do n8n utiliza a API DummyJSON disponível publicamente, nenhuma credencial externa ou chave de API é necessária para o nó HTTP Request do n8n.


4. Personalização: Navegue até o nó do n8n “Set Image Properties” (Definir Propriedades da Imagem) para alterar as dimensões, cores ou conteúdo de texto para atender às suas necessidades específicas. Os valores definidos aqui determinam a saída final do fluxo de trabalho do n8n.

Texto formatado em Markdown.

When clicking ‘Test workflow’ (Gatilho Manual do n8n)
Função: Inicia a execução do fluxo de trabalho do n8n manualmente, principalmente para fins de desenvolvimento e teste.
Configuração Principal: Nenhuma. Serve como ponto de entrada imediato para o fluxo de trabalho do n8n.

Set Image Properties (Nó Set do n8n)
Função: Define as variáveis de payload que especificam as características desejadas da imagem (tamanho, cores, texto, fontes).
Configuração Principal: Define explicitamente múltiplas atribuições de string, incluindo size (tamanho - 600x400), backgroundColor (cor de fundo - cc22e3), textColor (cor do texto - ffffff), e o text (texto) sobreposto ("Generated!" - "Gerado!"). Estas variáveis garantem que o nó HTTP Request subsequente do n8n seja devidamente parametrizado.

Fetch Image from API (Nó HTTP Request do n8n)
Função: Faz a chamada externa para a API DummyJSON para gerar e recuperar o recurso da imagem.
Configuração Principal:
URL: Usa expressões como ={{ $json.size }} para construir dinamicamente o caminho da requisição baseado nas variáveis definidas anteriormente (upstream).
* Query Parameters (Parâmetros de Consulta): Passa variáveis como text, fontSize e fontFamily para a API para controlar a renderização do texto. Esta integração é crucial para o sucesso do fluxo de trabalho do n8n.