Como integrar sua Google Planilha via API no Bubble com Sheety.co

renatoasse · 2020-05-28T21:18:17.513Z

Veja como ler e editar os dados de sua Google Planilha dentro do Bubble.io, criando uma integração API.
Você consegue usar o mesmo banco de dados de seu aplicativo Glide no Bubble dessa forma!

Tudo isso criado usando o Bubble.io no plano gratuito, o Sheety.co no plano gratuito, e o Glideapps.com no plano gratuito
Nenhum real foi gasto na produção desse vídeo

ASSISTA O VÍDEO:

bomdiafreela · 2020-05-28T23:04:31.241Z

Oi Renato, tudo bem? cara, te agradeço muito pelos videos! Esse tutorial eu não consegui subir a imagem, inicialmente estava puxando do drive mas percebi que a pasta não era pública, achei que fosse esse o problema mas mesmo um link de imagem pública não funciona. Já fucei vários tutoriais mas sem sucesso!
Valeuuu

pataiba0000 · 2020-05-28T23:21:31.973Z

Parabéns Renato, você sempre fazendo e entregando o melhor para todos! DEUS TE ABENÇOE e MUITO OBRIGADO!

renatoasse · 2020-05-29T23:05:43.531Z

Oi @bomdiafreela,

É pra funcionar. Tenta um link de imagem que vc pega em algum site.
As vezes o link que você copia do Google imagens pode dar problema.

bomdiafreela · 2020-06-02T11:05:32.013Z

Testei dessa maneira e também sem sucesso. Algum chance de ter mudado a regra do sheety?

bomdiafreela · 2020-06-02T11:13:39.046Z

Captura de Tela 2020-06-02 às 08.09.341440×900 276 KB

essa é a planilha (a imagem está pública em um site)

Captura de Tela 2020-06-02 às 08.09.441440×900 240 KB

bubble conforme tutorial

Captura de Tela 2020-06-02 às 08.10.121440×900 389 KB

preview da plataforma

Eu observei que ele está puxando um link de imagem diferente do link da planilha, isso acontece com qualquer imagem dinâmica que adicionar

renatoasse · 2020-06-02T14:18:19.476Z

@bomdiafreela, o problema está na expressão do Dynamic Image. Posta um print pra gente ver como está.

Renato Asse
Comunidade Sem Codar - aprenda Bubble de uma vez por todas

bomdiafreela · 2020-06-02T14:42:10.540Z

Realmente havia um problema na expressão, corrigi e a imagem da web passou a funcionar!
mas ainda a imagem do google drive, mesmo que a pasta esteja pública não retorna.

O objetivo é uso profissional da ferramenta para aprovar os conteúdos dos clientes, acho que o caminho mais seguro seria criar um login de usuário para subir essas imagens no banco de dados.

Segue prints:

Captura de Tela 2020-06-02 às 11.38.311440×900 287 KB

Captura de Tela 2020-06-02 às 11.38.501440×900 219 KB

renatoasse · 2020-06-02T15:00:49.921Z

Tem certeza que está populada a imagem no banco de dados?
Qual o link da imagem que vc está tentando acessar?
Coloca num elemento TEXT, pra ver se ele puxa a URL

samir · 2020-06-20T22:37:06.124Z

Prezado Renato, gostaria de agradecer por todas essas informacoes, porem ao tentar realizar in puts de dados no google planilha tive muita dificuldade… e isso eh fundamental para minha aplicacao. gostaria muito que pudesse me ajudar a criar esta funcionalidade.

Antecipadamente grato, samir

samir · 2020-06-20T22:37:57.814Z

Prezado Renato, gostaria de agradecer por todas essas informacoes, porem ao tentar realizar in puts de dados no google planilha tive muita dificuldade… e isso eh fundamental para minha aplicacao. gostaria muito que pudesse me ajudar a criar esta funcionalidade.

Antecipadamente grato, samir

renatoasse · 2020-06-22T10:05:48.361Z

Opa @samir,

Tentou fazer a chamada POST como mencionei no vídeo?
Qual foi o erro que deu?

samir · 2020-06-23T04:42:24.656Z

Renato,
Na verdade minha dificuldade eh de como montar o workflow (inserir dados no google sheet).
Tive que adquirir a versão paga para poder inserir os dados mas não tive sucesso em montar o fluxo de trabalho… montei um endpoint e tentei diversas funções no step 1 (custon events > schedule API Worflow), tentei outras formas mas a ‘‘linha’’ eh criada no banco de dados do Bublle mas não atualiza a planilha…

Poderia me ajudar com um exemplo assim como oque vc usou com a funcao GET mas agora com a funcao POST…
Antes de mais nada gostaria de parabeniza-lo pelo seu trabalho, com certeza esta motivando muitas pessoas a desenvolverem seus próprios apps.

Abs

renatoasse · 2020-06-23T13:10:11.512Z

@samir,

Veja aqui o exemplo que usei para uma chamada POST, funcionou direitinho:

image829×783 34.5 KB

Aqui vc encontra essa documentação:
https://sheety.co/docs/making-requests

fteraoka · 2020-07-09T10:34:34.871Z

Bom dia, estou tendo a mesma dificuldade, tanto para Post como para Put, fiz igual ao seu Renato mas nao funcionou, o metodo Delete funciona. alguma sugestão?
No seu eu vi que você colocou um Headers, tem alguma coisa que eu possa verificar?.
Agradeço pela ajuda.

Este é o erro que retorna.
There was an issue setting up your call.

Raw response for the API
Status code 400
{}

renatoasse · 2020-07-09T21:53:09.179Z

@fteraoka, manda os parâmetros no body, tipo assim:

{
“cliente”: {
“nome”: “<Nome (Texto)>”,
“idade”: “<Idade (Número)>”
}
}

Se vc estiver na Comunidade, tem várias aulas sobre isso no módulo de APIs:

image828×537 90.4 KB

Ou, tem na documentação do Sheety também:
https://sheety.co/docs/getting-started

fteraoka · 2020-07-09T23:15:58.620Z

Renato, fiz isso, mas ainda esta me retornando erro, da uma olhada e ve se consegue identificar aonde estou falhando.

screencapture861×865 139 KB

screencapture-bubble-io-page-2020-07-09-20_05_181280×736 101 KB

Infelizmente não estou na sua comunidade, assim que conseguir fechar algum projeto eu entro, conforme falei contigo no instragan.

renatoasse · 2020-07-10T10:58:51.284Z

@fteraoka, dá uma olhada nesse trecho da documentação:

image1053×768 37.6 KB

Faz isso e veja se resolve.

fteraoka · 2020-07-10T12:38:10.452Z

Consegui, obrigado Renato, segue os parâmetros, fiz vários testes, a unica coisa que nao gostei foi que so pode ser feito um projeto no programa Free do Sheety,

{
“certificate”: //nome da coluna de referencia
{
“certificate”: , //nome da coluna de referencia
“title”: “”, // coluna de dados
“information”: “”, //coluna de dados
“status”: “” //coluna de dados
}
}

valentim.nunes · 2020-08-22T03:27:42.260Z

Boa noite, podem me ajudar?

Há como utilizar parâmetros dinâmicos na chamada da API?

Exemplo, na imagem abaixo, os dois primeiros parâmetros são padrão, mas o terceiro “numero” gostaria de puxar de uma input.

image803×533 33.3 KB

O objetivo é inserir o número de uma nota fiscal no input, clicar no botão e buscar vários dados da nota dentro do erp e auto-preencher os demais inputs com os dados correspondentes.