Guia completo de APIs (Bubble + FlutterFlow)
ฝัง
- เผยแพร่เมื่อ 12 ก.ค. 2024
- Bem-vindo ao nosso Guia Completo de API usando Bubble e FlutterFlow! Neste vídeo, você descobrirá como expor seu banco de dados via API no Bubble.io, consumir essa API no FlutterFlow e exibir os dados recebidos na interface do seu aplicativo. Prepare-se para uma jornada emocionante de integração de sistemas e desenvolvimento de aplicativos!
✅ Principais pontos abordados neste vídeo:
1️⃣ Expondo seu banco de dados via API no Bubble.io: Aprenda a criar uma API para expor os dados do seu banco de dados no Bubble.io. Usando um exemplo real, mostraremos passo a passo como configurar e tornar acessíveis essas informações valiosas.
2️⃣ Consumindo a API no FlutterFlow: Descubra como consumir a API criada no Bubble.io no FlutterFlow, permitindo que você utilize os dados fornecidos pela API em seu aplicativo desenvolvido nessa plataforma visual e intuitiva.
3️⃣ Exibindo os dados recebidos via API na interface de usuário: Aprenda a mostrar os dados recebidos da API na interface de usuário do seu aplicativo no FlutterFlow. Você descobrirá técnicas e recursos para exibir as informações de maneira atraente e funcional.
4️⃣ Exemplos de API: No final do vídeo, apresentaremos vários exemplos de API para inspirar seus projetos. Conheça a API do Uber e veja como ela permite a integração de serviços de transporte em seus aplicativos. Também mostraremos a API do ChatGPT, revelando como incorporar a inteligência artificial em suas aplicações.
💡 Este vídeo é indispensável para desenvolvedores e entusiastas de tecnologia que desejam aprofundar seus conhecimentos em integração de API, desenvolvimento de aplicativos e explorar o potencial do Bubble.io e FlutterFlow.
👍 Se você gostou deste vídeo e deseja receber mais conteúdo relacionado a desenvolvimento de aplicativos, integração de sistemas e programação, não se esqueça de deixar seu like, se inscrever em nosso canal e compartilhar com seus amigos interessados no assunto.
Prepare-se para se tornar um mestre na integração de sistemas e desenvolvimento de aplicativos com o nosso Guia Completo de API usando Bubble.io e FlutterFlow. Assista ao vídeo completo e comece a explorar todo o potencial dessas poderosas ferramentas.
00:00 Já se INSCREVE aí no canal
00:31 O que são API
02:32 Como expor seu banco de dados via API no Bubble
05:20 Puxar dados via API no FlutterFlow
09:50 Mostrar os dados recebidos no aplicativo
12:35 Mais exemplos de API
19:46 Sugestões de mais vídeos sobre APIs
#semcodar #nocode #saas
- - - - - - - - - - - - - - - - - -
👨🏫 Comunidade Sem Codar - O maior curso No-Code do mundo, com centenas de aulas Bubble (No Code) e FlutterFlow (Low Code), tutoriais passo a passo, do zero ao avançado e marketplace de profissionais. Além de um grupo exclusivo com milhares de membros tirando e esclarecendo dúvidas todos os dias:
lp.semcodar.com.br/?...
🚀 Aula Gratuita - Tudo que você precisa saber pra começar no mundo do desenvolvimento visual de aplicativos:
lp.semcodar.com.br/csc-cap-ma...
💻 Crie sua conta gratuita no Bubble: link.semcodar.com.br/bubble
💻 Crie sua conta gratuita no FlutterFlow: link.semcodar.com.br/ff - วิทยาศาสตร์และเทคโนโลยี
Chorei de rir com o final do video. Entrando pra comunidade na proxima semana.
Sensacional a sinceridade do @ReplyGPT
Top demais, parabéns pelo conteúdo. Esse modelo de podcast ficou sensacional.
Ri demais na hora do ReplyGPT kkkk
18:20 melhor parte do vídeo Renatão.... kkkkkkkkkkkkkkk
Cara, seus conteúdos sempre muito valor... Ta de parabéns! Em breve farei parte da comunidade sem codar
Show! Sempre surpreendente..!👏 gostei da resposta do gpt hehe
O quanto esperei por esse vídeo não tava escrito 🥲
Topzera @RenatoAsse! Parabéns irmão, és um cara que representa bem nossa Florianópolis 🏆🦾
Agora ta entregando o 🥇 ❤❤❤ VOU ENTRAR NA COMUNIDADE 🦾
Muito bom o conteúdo, mas a tua risada e o bot são sensacionais kkkkkkk
grande Renato, sempre publicando conteúdos de muito valor, thanks man!
Pô Renato aí sim tô curtindo muito os novos vídeos... E o futuro com Chat-gpt programação de agora em diante e só scripts msm falo isso porque programo em python.. embora não seja a melhor linguagem pra usar em APP já estou vendo o mercado despencar.. parabéns ótimo conteúdo
Você tem um dom irmão de ensinar parabéns !
Por isto que não te troco. Show !!!
Seria interessante um exemplo completo de CRUD com API no Flutter Flow
Usando MySQL seria top
Esse fundo musical do início já me animou.
replaygpt tá melhor que eu nas respostas 😂😂😂😂😂😂😂😂😂😂
Melhor Twitter da Viiidaaa!!! hahahhahaha
🤣🤣🤣🤣🤣🤣
Chegando ❤
Top!
Muito bom 😂
Vídeo direto ao ponto, pena que na pagina do flutterFlow sobre os planos vi que o gratuito e Standard só disponibilizam o uso de 2 endpoints, então caso queiram usar mais de 2 endpoints só indo para o plano Pro, triste isso.
18:25 🤣🤣🤣🤣🤣🤣🤣🤣
Ja tem uma data de quando vai liberar o módulo de api e pagamentos flutterflow na comunidade?
Salve Renatão, tenho acompanhado o seu canal diariamente, e tem me ajudado bastante.. muito obrigado...
eu to fazendo um sistema aqui e eu queria colocar uma mascara em um input variando de acordo com um dropdown anterior, por exemplo:
eu tenho um dropdown com os tipos de chave pix (email, telefone, cpf e aleatório), e depois um input onde a pessoa coloca a chave... teria como eu criar varias mask para o mesmo input?
se puder gravar um conteúdo ou dar alguma dica por gentileza, muito obrigado amigo.
Fica mais fácil colocar inputs diferentes. Se estiver na Comunidade Sem Codar, tem uma aula em que estamos criando um banco digital e damos exatamente esse exemplo da Chave PIX: comunidade.semcodar.com.br/aula/appfintech-6d-cadastrarchavepix - Cadastrar Chave PIX
18:25 😂😂😂🤣🤣🤣
Ola renato, tudo bem? voce poderia nos dar um exemplo de criação de emissao de nota fiscal de serviço no bubble e flutterflow?
Sim, já mostrei nesse vídeo como integrar com serviços de emissão de nota fiscal: th-cam.com/video/2B10B0kLW_w/w-d-xo.html
Rachou o coco em parceiro, essa foi a melhor parte do vídeo kkk
Renato podia fazer um video sobre a api do banco inter. To tentando integrar os boleto deles mas n to conseguindo nem por reza. Tem algum conteudo em especifico na comunidade?
Opa, já temos módulo COMPLETO de integração com a API do Inter no curso. Vamos subir amanhã :)
Opa Renato bom demais, parabens desde Argentina! Qual o video seu explicando a integracao via API com Twitter e Instagram? Nao consegui achar ele. Valeu!
O que falei especificamente sobre Instagram é esse aqui: th-cam.com/video/tEcBmmrUP34/w-d-xo.html
Postou agora capitão? Tamo junto!
Parabens Renato pelo o conteudo! Seu puglin "Local Storage & Cookies" ele funciona no navegador Safari?
É pra funcionar, sim. Abre a documentação por um safari, dá um preview e testa: bubble.io/page?type=page&name=local-storage&id=bubble-essential-plugins&tab=tabs-2
@@RenatoAsse Desculpas Renato eu me referi ao puglin errado. O correto é " Browser Device Information"
Hoje eu fui o primeiro caramba kkk
Renato vc consegue fazer uma integração com api de autorização do Strava? Sempre vejo essas coisas básicas sobre flutter flow. Tanto aqui quanto em outros canais, mas nada de avançado.
Diego, consegue sim. Se estiver na Comunidade Sem Codar, assista o módulo de Integrações API dentro do curso FlutterFlow para Iniciantes, que lá você entenderá como fazer a chamada API e obter o resultado: comunidade.semcodar.com.br/aula/fffundamentos-4a-api - API Calls / Integrações API
E dá uma olhada no grupo que já teve bastante gente fazendo a integração com o Strava.
@@RenatoAsse Chamadas de api tudo bem. Mas implementar um fluxo de authorização customizado utilizando custom actions, etc, é algo que nao vi em lugar nenhum.
@@paiprogramador até hoje também não encontrei nada na Internet. Acredito o FF não tenha API Endpoint como tem no bubble.
acompanhando!
Hoje eu fui o primeiro kkk
Opa Renato, uma excelente noite, fiz tudo oq voce falou e funcionou muito bem, porém só puxa 50 itens, não achei um modo de fazer a paginação, tem alguma coisa que dê pra fazer?
Se estiver na Comunidade Sem Codar, assiste essa aula: comunidade.semcodar.com.br/aula/bubble-api-paginacaobling - Como fazer Paginação em API (exemplo com Bling)
@@RenatoAsse Entendido, na comunidade sem Codar tem pessoas que ficam a disposição de tirar dúvidas ou intruções?
@@rodofaremp9378 eu, nossa equipe, e mais de 12 mil membros :)
Salve Renato! Como criar uma API que permita que outro aplicativo não só busque, como também "escreva" no meu banco de dados?
Valdemar, inserindo a ação que você deseja dentro do fluxo da API. Se for em Bubble, basta colocar um Action "create a new thing" ou "make changes to a thing" dentro do endpoint, por exemplo.
@@RenatoAsse obrigado!
Oi Renato blz? Classificados de veículos (tipo webmotors) , obviamente sem todas as funcionalidades da webmotors, funcionaria bem no bubble? Poderia recomendar algum desenvolvedor para isso ? Onde encontro desenvolvedores bubble? Grande abs e obrigado
Funciona sim cara, com as mesmas funcionalidades, na comunidade tem bastante desenvolvedor
@@Murilohammes obrigado amigo. Mas eu preciso ser membro pagante para encontrar desenvolvedores lá ? abs
Consegue sim, é um marketplace.
Acessa o Marketplace de Profissionais da Comunidade Sem Codar, lá estão os melhores alunos da Comunidade, que criam softwares sob encomenda em Bubble, FlutterFlow, e Ferramentas No Code e Low Code, e até mesmo no código quando necessário.
Tem agências lá que já criaram aplicativos para bancos, companhias aéreas, seguradoras e multinacionais. Com certeza vão dar conta do que você precisa:
comunidade.semcodar.com.br/profissionais
Olá Renato. Tudo joia? Espero que sim. Existe alguma maneira de restaurar o backup, não do bd mas do app todo? Apaguei uma rotina e não consigo mais fazê-la. Me ajude, por gentileza.Abçs
Cristiano, consegue sim, vai em Deploy - History que lá tem o histórico de todas as versões do app que você consegue reverter :)
Oi. Onde estão os links desses vídeos? Tks. Abs
Bom dia! No Flutter Flow é possível criar cadastro de membros para Igrejas?
Sim, Bubble e FlutterFlow são excelentes pra criar qualquer tipo de aplicativo de gestão de dados e automação.
Quando você cria tua conta gratuita lá, o aplicativo já vem com toda a estrutura de banco de dados pronta, então você só precisa encontrar a melhor forma de cadastrar os itens com que você quer trabalhar, e a melhor forma de visualizar esses itens.
Cadastro de itens, produtos e serviços, documentos, visualização de itens, filtrar a busca por nome, email, data, quantidade, agendamentos, eventos, calendário, fazer cálculos, somas, multiplicações, enviar emails, fazer pagamentos, gerar PDFs, gerenciar arquivos, definir diferentes permissões de usuários, aprovações, processos, integrar com APIs de pagamentos, notas fiscais, redes sociais, você pode fazer o que quiser :)
Nesse vídeo falo mais sobre como criar aplicativos e sistemas de gestão: th-cam.com/video/vsyUs3EME9c/w-d-xo.html
@@RenatoAsse Show de bola, obrigado pela resposta.
tem PUP ou update
Consigo criar uma API para pegar informações de faturamento de notas fiscais no SAP e levar para uma dash board com gráficos criado no bubble?
A resposta é: sempre. Bubble integra com qualquer API, só o que você precisa é verificar se o serviço que você quer integrar disponibiliza uma API. Se disponibilizar, o Bubble integra :)
e como gravo dados via api no db do bubble?...
18:26 o teu canal eu não sei, mais o @ReplyGPT já se foi kkkkk
😬
Consigo fazer API para sistema do governo para pegar em um banco de dados e preencher dados no site do governo que precisa de Certificado digital para acessar e gerar o nr do protocolo no FlutterFlow?
Consegue integrar com qualquer API que o governo disponibilize aqui: www.gov.br/conecta/catalogo/
gostaria de saber como se faz um pagamento p2p enviar e receber
Da mesma forma que se conecta com qualquer outro serviço: fazendo uma integração API. Nesse vídeo falo mais sobre como funcionam integrações com meios de pagamentos: th-cam.com/video/ewycsFZEoOA/w-d-xo.html
Preciso desenvolver um aplicativo que consiga ser executado OffLine, pois em algumas cidades o celular pode estar sem acesso a rede e wi-fi consigo fazer isso com o bublle.
Com FlutterFlow, você consegue. Vou fazer um vídeo mostrando e subo aqui no canal :)
API do Instagrame facebook são grátis?
Só a do WhatsApp é paga?
Do Google Business é paga?
Do Google agenda é paga?
Sim, sim, não, não. Mas o mais seguro é sempre você procura no Google pelo nome da API seguido de "pricing"
ue mas n era pra responder com sarcasmo? mas ai foi fatos kskskskskssk
😂
Não sei porque mas o flutterflow não abriu no meu computador, já o bubble abriu até no meu celular 😔
Tenta em outro navegador :)
@@RenatoAsse funcionou pelo Edge
replygpt 😂😂😂😂