--- title: CSV slug: csv description: Learn how to import and export CSV data directly in the Fluid platform with the CSV connector. This document provides a step-by-step example of creating and converting a CSV file from an HTTP request, along with screenshots and detailed instructions. Stre docTags: createdAt: 2023-06-09T17:31:22.000Z --- ## Objetivo/Resumo O objetivo do conector CSV é permitir a importação e exportação de dados em formato CSV (*Comma Separated Values*) diretamente no fluxo da plataforma Fluid. Com esse conector, você pode facilmente ler, gravar e manipular dados em arquivos CSV, facilitando a integração e o processamento de informações entre diferentes sistemas e aplicativos. Ele oferece uma maneira eficiente de trabalhar com dados tabulares, como planilhas ou bancos de dados simples, tornando mais ágil o gerenciamento e a transformação de dados dentro dos seus fluxos de automação. Com o conector CSV, podemos criar ler e converter arquivos de forma simples. Vamos demostrar um exemplo para cada operação. ### Veja no video a seguir, um caso de uso do conector CSV ::embed[]{url="https://www.youtube.com/watch?v=f1bxBXg2OOg"} ### Criando um arquivo CSV Vamos criar um CSV a partir de uma requisição http ![](https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/0aHj9tJ3xnMqGnFGt2vQh_image.png) Selecionamos o modo canvas, e com editor canvas aberto, vamos arrastar três conectores, sendo um **HTTP** e dois **CSV**, na sequência faremos o *link* como à imagem abaixo. ![](https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/Nye4r6M_QP2Jr5QSt_b9X_image.png) ### Configurando primeiro passo (HTTP): 1 ) - Clique no connector para configurar 2 ) - Acesse a aba de parametrização 3 ) - Selecione o Método GET 4 ) - Preencha o campo URL com [https://random-data-api.com/api/v2/users?size=1\&is\_xml=false](https://random-data-api.com/api/v2/users?size=1\&is_xml=false) ::Image[]{src="https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/4Yz_eQeW8IVWs8LWPmxb4_image.png" size="44" width="784" height="964" position="center" showCaption="false"} ### Configurando segundo passo (Criar CSV): 1 ) - Clique no connector para configurar 2 ) - Acesse a aba de parametrização 3 ) - Selecione a operação **Criar CSV** 4 ) - Preencha o nome do aquivo com .csv no final 5 ) - Preencha o conteúdo do arquivo no padrão CSV :::hint{type="info"} ***FUNÇÕES***: \{\{get \`**steps**.\.body.**uid**\`}}.csv *Captura o **uid** no passo informado* \{\{getJsonEscaped \`**steps**.\\`}} *Captura e prepara o payload para JSON válido}* ***NOTA****: O parâmetro deve ser passadp com crase* Saiba mais [Funções Genéricas Fluid](docId\:vsFuF1Uz-brGYT2pIXVIu) ::: ### ::Image[]{src="https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/qLgLpk6SBS3hFaj4rMeIU_image.png" size="44" width="464" height="676" position="center" showCaption="false"} ### Configurando terceiro passo (Converter CSV para JSON): 1 ) - Clique no connector para configurar 3 ) - Acesse a aba de parametrização 4 ) - Selecione a operação **Converter CSV para JSON/ARRAY** 5 ) - Informe se terá cabeçalho. (*se informe com cabeçalho o retorno será um JSON, e sem um ARRAY)* 6 ) - Preencha o nome do arquivo. 7 ) - Seleciona o separador padrão do seu CSV ::Image[]{src="https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/3ag_eqSJVnsScVtwo61QG_image.png" size="44" width="470" height="700" position="center" showCaption="false"} ### Vamos executar o fluxo: ::Image[]{src="https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/p3FmS7lyRARQgBQhFPep3_image.png" size="60" width="1016" height="534" position="center" showCaption="false"} ### Teremos o seguinte resultado: Passo-1 ![](https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/TG6mf71RqdUqK-mxoE4Qk_image.png) Passo-2 ![](https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/KgnfT95aKhFgcBAqa2nQt_image.png) Passo-3 ![](https://api.archbee.com/api/optimize/G1NTw6yAi4RDUYbsU8csp/13u_gs1Lm1S3Ci9h9pkZa_image.png)