Passo a passo, Integrando flutterflow com google planilhas usando apiflow - Part 1

fala Dev mais um vídeo olha só hoje eu vou mostrar para vocês uma integração com flutter Flow um formulário simples com vamos pegar aqui uma planilha planilha do Google legal né Eu coloquei nome e-mail WhatsApp então primeira coisa primeira coisa faz aí uma planilha né para você começar desenvolver e aí lá no flutterflow eu tô com o flutterflow desktop viu galera muito bom tá tá rapidinho depois a gente faz um vídeo explicando um pouco mais os detalhes dele próximo vídeo aí mas tô devendo essa essa planilha para vocês aqui então olha só primeira coisa fiz

lá a planilha fiz agora aqui uma página de sucesso né de Obrigado e um formulário para transferir né esses campos para lá outra coisa coloca o nome do seu textfield eu vejo muitos vídeos por aí a galera não fala sobre isso por fica mais fácil vocês ligarem fazer a montagem no do do fluxo lá na na hora de enviar né Então faça isso gente outra coisa coloca também o o form né Por quê no form aqui dentro no no seu contêiner o o você consegue validar ele né ó por exemplo aqui no caso eh eu

tenho três Campos a já consegui colocar a a a obrigatoriedade né do no formulário né Posso colocar quantidade de caracter aqui no caso um validador ó de e-mail né Bom enfim a gente outra aula sobre formulário aí eu posso trazer para vocês deixa no comentário comenta aí se vocês querem sobre assunto sobre isso porque eu tô meio querendo saber de vocês né OK e deixa o like também né ativa o Sininho para receber as notificações aí enfim vamos lá agora eu vou mostrar a plataforma que a gente precisa conhecer porque ela é uma plataforma muito

muito bo boa para trabalhar com a integração tá é api Flow api Flow eu conheci recentemente Então vamos direto ao ponto ela faz uma integração rápida e simples Ok criar projeto por enquanto o o o ap Flow e tá disponível aí Google sheets MySQL mongodb mongodb para quem não conhece é igualzinho o firebase aí né mas olha MySQL trago o próximo vídeo para vocês sobre isso MySQL integração vai ser bacana Bom vamos lá no Google e aí eu vou criar um uma conexão aqui ó Ok ó que ele fala vou vou dar um nome aqui

delad só pra gente saber e aí você vai colar a sua o RL da planilha tá então minha minha planilha tá aqui do lado eu preciso uma observação ó deixar o acesso como editor tá isso é importante porque a hora de você compartilhar aqui ó você vem aqui deixa em qualquer e deixa a opção editor configurado Prontinho gente dá um copiar concluído volta na payflow e cola esse endereço Legal vamos dar um save Prontinho qu Olha a conexão foi feita porque ó me trouxe o nome da minha planilha ó vamos lá ó planilha eu renomeei

como leaders novo e ele resgatou lá ó então gente já deu certo tá é o que você vai fazer em seguida dá um publicar aqui ó porque daí ele vai gerar os códigos que a gente precisa né gerou o código vamos lá faça o download da api Ok vamos fazer um download aqui download feito da todos os end points copia a sua o a autorização do header aqui ó aperta o botão copy E o restante Tá feito não precisa fazer mais nada aonde eu vou colocar agora essa autorização vamos lá pro froter Flow eu vou

abrir aqui a aba de api calls como a gente fez o download Então vamos lá importar né vou fazer aqui a importação do arquivo arquivo de hoje importei gente é isso não precisa fazer mais nada só colar aqui no header o autorização né autorização PR a gente conseguir integrar mesmo né então aqui ó a base criada eu venho aqui nessa setinha lá ó todas as end points criados o list né get o insert é isso que nós vamos trabalhar hoje o get leads por ID e o update leads por ID muito prático né Gente olha

só uma importação já trouxe todos os dados aí pra gente B agora que já tá o trabalho Mai tá feito né eu vou eu vou integrar aqui as variáveis né porque olha só vamos para quem não conhece eu tenho três Campos aqui certo então tenho que trazer esses três Campos na minha variável aqui do insert Ok então vamos lá no variável variáveis criar lá o nome colocar como string email como string também e WhatsApp legal e eu tenho uma outra coluna lá que é a coluna de vamos voltar na planilha Vamos colocar como status eu

não lembro agora mas pode ser como status não tem problema nenhum acho que tá como confirmado eu acho né é confirmado é vamos mudar para status tem problema também porque a gente vai vai ser a a listagem vai ser pela coluna A B C D vamos ver Ok ven aqui no Body e olha aí ó a b c d legal o que você vai tratar agora eu vou tirar esse aspas aqui e vou colocar aqui o nome no a automaticamente ele traz as aspas novamente né e-mail WhatsApp e o status bacana D um formate mas

o formato já tá ok dá um save Prontinho gente variáveis criadas Jason configurado vamos agora fazer workflow clica lá no enviar né no botão e aperta aqui né Action vamos adicionar a Action pessoal trabalhando com api que você vai chamar você vai chamar api ok então fica fácil de interação Aí chamou api nós estamos trabalhando com um grupo de api Então você vai ter aqui a sua lista de grupo E aí olha lá ó todos os end points automaticamente ele traça quero insert então variável nome da onde vai resgatar o nome galera lá do seu

componente with get state nome lembra que eu falei para renomear os nomes os a variável de cada text Field então lá ó fica fácil de você vincular aqui agora né então meil get state e mail What bacana bom tem mais uma aqui que é o status o status eu vou colocar fixo como novo né Se depois vocês precisarem colar um drop Down que tem status novo cancelado Inativo não sei pode inventar você pode deixar isso aqui dinâmico bacana b o meu o meu resultado vai ser resultado api resultado só isso não é necessário renomear pode

deixar o nome que o FL Flow D aqui tá não é obrigado Mas aí nosso fluxo Deu certo nosso fluxo então nós temos aí a página e Ok então primeiro eu vou dar um reset no meu Tex Field porque eu vou direcionar o o com sucesso vou redirecionar para uma página de Obrigado né que eu já tenho criado ali então primeiro passou Ok reseta os campos e vai pra minha página navegate to sucesso Ok ainda é só isso que eu vou definir aqui e vocês já T aí ó um fluxo de True se der errado

então vamos lá colocar aqui um snack snackbar aconteceu um erro aconteceu um erro tente novamente que erro muito específico né então vamos colocar genérico aqui vou dar uma corzinha vermelha pro snackbar ficar em vermelho bom o nosso fluxo é esse né sucesso reseta os campos e já direciona pra página sucesso Prontinho a página sucesso é essa aqui ó uma pagem Obrigado vou trazer o nome vou mostrar para vocês como traz o nome aqui também da pessoa bom enfim galera tá feito o nosso fluxo Tá feito não tem fazer mais nada sobre isso vamos testar enquanto

isso eu vou falar para vocês assim questão de valores né Eh dependendo do projeto compensa muito né usar a api essa plataforma por quê Vou est fazendo integração com eh planilhas várias planilhas ou banco de dados mais k que a gente tá acostumado né Então olha só você pode começar a testar o o em 30 em 14 dias né falar 30 dias 14 dias aí dá para fazer um teste eh se você pode fazer em cada projeto então assim ou você Testa o o Google ou você Testa o mongo DB ou my SQL né mas

dá para fazer a integração de um dos três eh para ver como fica ou deleta o projeto faz o teste no outro e assim por diante eu já fiz isso e funcionou então Ok eh o plano $1 $1 dá uns qu Uns 90 Vamos colocar vamos arredondar a R 100 por mês tá para um projeto só então tem que depender do projeto Então você fica merc aí quanto vale o projeto Qual é o trabalho que você vai desenvolver 49 olha aqui tá um pouquinho puxado 250 né dólar e reais por mês é mas olha só

se você tiver vários projetos vários clientes dá para diluir esse valor aí né Então tá aí eu queria passar para vocês vamos ver vamos fazer um teste vamos ver como ficou e vamos lá vamos lá aí então começar aqui Maria agora que eu meu Cap loock está ativo mas tudo bem Enviar Se der tudo certo direciona pra página de obrigado e lá na minha planilha ó rapidinho Hein gente tem nem o que falar né rápido né que vocês acharam Ok vou ó vamos fazer o teste ó fechar aqui resetou os campos nosso fluxo Está ok

gente bacana né pessoal eu gostei eu achei plataforma fantástica deixa no comentário que vocês acham aí né Eu gostei muito dessa aqui viu eu recomendaria para vocês trazer o nome aqui do do projeto vamos ver se eu lembro agora como faz isso bom eu V fazer passar um parâmetro né então na página de suo euo parâmetro aqui de nome user Colocar assim D um string Ok E aí eu vou colocar aqui é como que é mesmo é isso comb Tex acho que é isso aqui né é isso aqui não pode deixar em branco então dá

um espaço para você colocar Então o que eu vou trazer agora vai ser no fluxo o nome desse Campo ó abre lá o enviar dá um ok aqui dá um Abrir né no nosso nome status aqui aqui ó parâmetro Ah já vai trazer o nome do parâmetro da onde vai capturado formulário nome bacana né Eu acho que é isso vamos fazer um teste novamente então vou fazer o seguinte vou deixar aqui o reset depois será que funciona vai deixar em BR vamos ver a planilha tá com os campos ó tá preenchido certinho agora vamos colocar

aqui Mariana Mariana agora vai trazer Mariana bacana é resetou bacana né e é o o o jeito de você montar a gente acaba fazendo de uma maneira Então olha só posso Navegar aqui mas deixar o reset Fields ele vai passar e resetar deu certinho ó Ok gente bom Espero que tenham gostado até a próxima hein valeu