Cloud Functions Parte 5

Nesse vídeo falo como adicionar Custom Claims ao usuário e como utilizá-las nas regras das bases de dados.

Ps: Estava lembrando de uma coisa, as custom claims são inseridas nos tokens, por isso que uma custom claim é chamad por token, etc, mas ainda acho que elas poderiam aparecer como um grupo separado dentro das regras e demais locais, esqueci de falar isso no vídeo, desculpe

Simples aplicação real time com Angular 4 e Firebase, parte 6

No artigo anterior falei sobre autenticar um usuário no firebase, nesse quero mostrar como criar um novo usuário e também falar sobre rotas filhas

Angular + Firebase
Angular + Firebase
#1 | #2 | #3 | #4 | #5 | #6
Disclaimer
Esses artigos foram escritos entre maio e junho de 2017, muita coisa mudou desde lá, então procure usar as libs e referências mais atualizadas para implementar os passos que são aqui descritos
fontes: https://github.com/evlymn/simplesapprealtime

Por questões de segurança, eu acredito, o firebase não implementa uma forma de listar os usuários registrados, o que vejo muito é usarem a base dados regular, linkando o uid do usuário com um novo registro e assim fornecendo outro dados que a api de autenticação não suporta, como endereço, etc… Mas existe um porém, lembrem-se que essa base de dados não é relacional, e esse é o primeiro pecado que temos que evitar, não trazer o mundo relacional para o Firebase #FicaDica

Vamos colocar a mão na massa então

Continue reading →

Simples aplicação real time com Angular 4 e Firebase, parte 5

Nesse artigo irei mostrar como fazer um formulário de login usando a api de autenticação do firebase.

Angular + Firebase
#1 | #2 | #3 | #4 | #5 | #6
Disclaimer
Esses artigos foram escritos entre maio e junho de 2017, muita coisa mudou desde lá, então procure usar as libs e referências mais atualizadas para implementar os passos que são aqui descritos
fontes: https://github.com/evlymn/simplesapprealtime

Uma situação que teremos que implementar para seguirmos na autenticação, são as rotas, sem elas o nosso aplicativo não saberá quem apresentar para login e cadastro de pessoas.

Bem, vamos lá, primeiramente iremos habilitar a autenticação
No console do firebase clique no link Authentication

Link Authentication
Continue reading →

Simples aplicação real time com Angular 4 e Firebase, parte 4

Nesse artigo irei mostrar o como fazer o deploy para o firebase, para isso iremos usar o firebase-tools que gerencia todo esse contexto.

Angular + Firebase
Angular + Firebase
#1 | #2 | #3 | #4 | #5 | #6
Disclaimer
Esses artigos foram escritos entre maio e junho de 2017, muita coisa mudou desde lá, então procure usar as libs e referências mais atualizadas para implementar os passos que são aqui descritos
fontes: https://github.com/evlymn/simplesapprealtime

Iremos fazer a publicação do nosso aplicativo no firebase usando Firebase Hosting
Para isso iremos instalar o firebase-tools e iniciar o firebase na pasta do app, no terminal digite:

npm install -g firebase-tools
npm install -g firebase-tools
npm install -g firebase-tools

Vai instalar um horror de coisas mas não se preocupe, tudo vai da certo.

Continue reading →

Simples aplicação real time com Angular 4 e Firebase, parte 3

Nessa parte iremos fazer a ligação dos dados do angular com o Firebase.

Angular + Firebase
Angular + Firebase
#1 | #2 | #3 | #4 | #5 | #6
Disclaimer
Esses artigos foram escritos entre maio e junho de 2017, muita coisa mudou desde lá, então procure usar as libs e referências mais atualizadas para implementar os passos que são aqui descritos
fontes: https://github.com/evlymn/simplesapprealtime

Agora sim, vamos integrar tudo e ver a mágica acontecer =D

Na primeira parte criamos uma lista que é alimentada no método form_submit, dessa vez iremos enviar esses dados diretamente ao Firebase e de lá iremos listar no template html
Vamos nós?

Continue reading →

Simples aplicação real time com Angular 4 e Firebase, parte 2

Nesse artigo iremos falar sobre o firebase, o que é, etc… e também iremos ver os componentes que vamos instalar para o angular se comunicar com as apis do firebase.

Angular + Firebase
#1 | #2 | #3 | #4 | #5 | #6
Disclaimer
Esses artigos foram escritos entre maio e junho de 2017, muita coisa mudou desde lá, então procure usar as libs e referências mais atualizadas para implementar os passos que são aqui descritos
fontes: https://github.com/evlymn/simplesapprealtime

Nessa parte iremos falar sobre Firebase e como integrá-lo ao aplicativo que estamos criando.


Mas então, que é o Firebase, aonde mora, do que se alimenta?

O Firebase é uma ferramenta do Google e ao mesmo tempo uma infraestrutura para você desenvolver aplicativos com maior rapidez e flexibilidade.
É o que podemos chamar de um BAAS Backend as a Service, vc não baixa, nem tem uma ferramenta específica de administração, todo o gerenciamento é feito pela web, ou cloud, como vc desejar.
A ideia é desenvolver aplicativos de forma simples e sem preocupação com a escalabilidade!
E quanto custa? Nada?
Digamos que sim, vamos usar o plano spark para o nosso aplicativo, e como o próprio firebase diz, ‘limites generosos para amadores’, eu sei que não somos amadoras, mas se é de graça tudo bem 😛

Continue reading →