salvar imagens no firebase storage kodular

Storage de Imagens Firebase no Kodular

Neste artigo vamos ver como fazer o storage de imagens no firebase usando o Kodular.

Vamos começar com o firebase.

Configurando o storage de imagens no firebase

Antes de mais nada, vamos criar um novo projeto em nosso firebase. Para isso acesse o Google Firebase e faça login na sua conta.

Se você ainda não tem uma conta no firebase veja este vídeo onde eu ensino a criar uma conta no Firebase.

Posteriormente, vamos criar um novo projeto, assim como podemos ver na imagem abaixo:

storage firebase imagens kodular

Logo depois, clique em adicionar projeto e depois siga o passo a passo que o próprio firebase dá.

Posteriormente, clique na barra lateral direita e selecione o Firebase Storage e siga os passos dados pelo Firebase

Confira na imagem abaixo: 

storage firebase imagens kodular

Enfim, vamos configurar as regras do nosso projeto no Firebase Storage.

Para isso copie o seu projeto Bucket que é uma URL, veja na imagem abaixo qual parte deve copiar

storage firebase imagens kodular

Mudando as regras no Firebase Storage

Agora vamos mudar as regras. Para isso clique em Regras na barra acima do projeto Bucket.

Depois disso, vamos colocar a parte que copiamos na página anterior e colar no lugar do Bucket que aparece no código.

Também vamos apagar parte das regras, veja na imagem abaixo o que você precisa mudar e apagar

storage firebase imagens kodular

Por fim, suas regras devem ficar dessa forma:

storage firebase imagens kodular

Após feito isso você pode clicar em Publicar.

 

Extensão Firebase Storage Kodular Download

Agora no Kodular você vai precisar de uma extensão para facilitar o upload de imagens e vídeos para o Firebase Storage.

Clique aqui para acessar a página de download da extensão

Após ter feito o download suba ela para o seu projeto no Kodular. (as vezes é normal aparecer uma mensagem de bug, mas é só recarregar a página e a extensão vai estar lá).

 

importando extensão para kodular

Foto mostra como importar uma extensão no kodular

Em síntese, nossa extensão só precisa de duas configurações. 

Você precisa colocar sua API key e seu Storage Bucket.

A Api Key você encontra clicando na engrenagem e em configurações do projeto.

Veja nas imagens abaixo como encontrar essas configurações e colocar na sua extensão:

firebase storage kodular
firebase storage kodular

Colocando a configuração na extensão Firebase Storage de imagens no Kodular:

firebase storage kodular

Passo a passo em Vídeo:

Clique aqui para ver o passo a passo desse tutorial Kodular em um vídeo (em breve)

2 comentários sobre “Storage de Imagens Firebase no Kodular

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *