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 →

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

Com esse artigo quero mostrar como é fácil criar uma aplicação com Angular que tenha a propriedade de ser real time com acesso a dados numa base de dados nosql no 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 primeira postagem irei até a implementação de uma lista para apresentação de dados

Toda a aplicação será escrita basicamente com typescript e html. Os comandos que irei usar no terminal são para mac, existem algumas diferenças entre Mac, Linux e Windows, mas acredito que não influenciarão nos exemplos 😊

Continue reading →