# Criando seu primeiro Flow

Este tutorial oferece um guia passo a passo para criar um fluxo simples de automação. O processo é iniciado manualmente pelo usuário e inclui ações como ler uma API e registrar os resultados em um log personalizado. O objetivo é facilitar o aprendizado de como configurar e executar tarefas automatizadas simples.

## Introdução

Neste tutorial vamos criar um fluxo simples que é iniciado com a ação manual do usuário e realiza alguns steps simples, como a leitura de uma API e injeção do resultado da consulta em um log personalizado.

<figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2Fi5BdqaLJ3KiM1sARMlqF%2Fimage.png?alt=media&#x26;token=07fe3616-f08f-4aa8-aa1d-625b440a8ce9" alt=""><figcaption><p>Área de trabalho</p></figcaption></figure>

## Passo a Passo

### 1. Criando o Flow

Primeiramente, acesse o item do menu **Flows** no seu Workspace, e clique em **Criar Flow** no canto superior direito da tela:

![](https://content.gitbook.com/content/226k0cnPTn1PWu9xHcK8/blobs/3OJ0KUVxanRvusE6CkOI/Captura%20de%20Tela%202023-07-14%20a%CC%80s%2015.51.02.png)

Agora com a tela do editor aberta, digite o nome do seu Flow.&#x20;

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2FsJX5fdnI8dYNqQqYSEyS%2Fimage.png?alt=media&#x26;token=5e4fdd43-8028-4716-b86e-66699a190454" alt=""><figcaption></figcaption></figure></div>

Defina o status como ativo para que seja possível executa-lo no Workspace e salve suas alterações.

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2F0Nz23iPykiDV6U2LHIho%2Fimage.png?alt=media&#x26;token=45e13713-a926-4561-a235-d5fa8c543226" alt=""><figcaption></figcaption></figure></div>

### 2. Adicionando os conectores no fluxo

O próximo passo é definir quais conectores ou componentes serão utilizados. É muito comum que os fluxos sigam os diagramas no padrão UML definidos pelo time de requisitos, são a forma mais comum de representação de fluxo.

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2FivQjbdIy4p0HTV53GZms%2Fadicionando_componentes.gif?alt=media&#x26;token=34021d20-f6ad-47d0-935d-c1e1b0aefb70" alt=""><figcaption></figcaption></figure></div>

### 3. Ligando o fluxo

Nos fluxos, existem sequências lógicas que precisam ser definidas de acordo com a regra de negócio a ser aplicada. Por isso, é possível fazer diferentes conexões e até mesmo, conectar mais de um conector a uma saída de dados.

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2Fmgb0iTr4SdyQa4hXOwYs%2Fligando_conectores.gif?alt=media&#x26;token=92460817-0bc1-48a9-90f4-b6610e97bf64" alt="" width="563"><figcaption></figcaption></figure></div>

### 4. Configurando os parâmetros

Cada conector possui parâmetros únicos e com alguns componentes similares entre si como o atributo de descrição e o **output path**, que define a saída de dados. Para acessar o painel de configuração dos parâmetros coloque o mouse sobre o conector e selecione ⚙️.

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2FmUIlZI1tYSZhHQazc3cb%2Fconfigurando_parametro.gif?alt=media&#x26;token=70417414-5d80-459b-9646-5fdccb7fb7d4" alt=""><figcaption><p>Acessando os parâmetros do conector</p></figcaption></figure></div>

### 5. Exibindo log

No geral, os componentes sempre apresentam uma saída de dados que pode variar de acordo com a entrada fornecida em seu arquivo ou banco de dados. Para visualizar essas saídas e entender como é possível manipular as informações que você está recebendo, será necessário utilizar componentes de debugger ou logger.

<div align="left"><figure><img src="https://215079342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F226k0cnPTn1PWu9xHcK8%2Fuploads%2FleKPPMwoZhRMTaNzLiE8%2Fimage.png?alt=media&#x26;token=72158e14-2761-4b4a-a1a5-55b7c42ec5a8" alt="" width="443"><figcaption></figcaption></figure></div>

## Conclusão

Até agora, entendemos como é determinada a estrutura de um fluxo, o painel de configuração, como adicionar e interagir com componentes acessando a Biblioteca de Componentes. Também aprendemos como aplicar parâmetros de configurações e visualizar as saídas de dados.

Ficou alguma dúvida? Contate nosso time de suporte através do site <https://floui.freshdesk.com/>