Esse post é valido somente para as versões mais antigas do AngularFile2, ou seja, antes da versão 5.0.
Nova versão dese post na quarta feira 15/11/2017
Nessa vídeo aula eu mostro como criar um CRUD com Ionic 2 e Firebase.
CRUD significa, em inglês, Create, Read, Update e Delete e em português é Incluir, Alterar, Excluir e Consultar.
Clique no botão abaixo para ver o código fonte gerado nessa aula.
[button style=”btn-primary btn-lg” type=”link” target=”true” title=”Código fonte gerado na aula” link=”https://github.com/fabricadecodigo/ionicfirebaseauth” linkrel=””]
Quer saber como criar uma autenticação com Ionic 2 e Firebase?
- Aula 1: Como criar um login com e-mail e senha com Ionic 2 e Firebase
- Aula 2: Como criar um login com uma conta do Google com Ionic 2 e Firebase
- Aula 3: Como criar um login com uma conta do Facebook com Ionic 2 e Firebase
- Aula 4: Como criar um login com uma conta do Twitter com Ionic 2 e Firebase
Firebase
Se você ainda não conhece o Firebase, da uma olhada nesse post.
Referências
- AngularFire2: https://github.com/angular/angularfire2
- Firebase: https://firebase.google.com/
- Firebase documentação: https://firebase.google.com/docs/
- Firebase Realtime Database: https://firebase.google.com/products/database/
- Firebase Realtime Database documentação: https://firebase.google.com/docs/database/
Eu espero que esse vídeo tenha sido útil para você. Qualquer dúvida deixe seu comentário abaixo.
Felipe tudo bem ? fiquei com uma dúvida quanto a criação do Firebase você não menciona o video. Como que cria o objeto no qual será salvo as informações ? Obrigado.
Fala Ricardo, blz?
Não entendi muito bem sua dúvida.
Pode me explicar melhor?
Valeu
No video vc grava no firebase o A B C só não vi vc criando a “tabela” no Firebase. Entendeu !
Então Ricado, o Firebase não tem tabelas, ele é um banco NoSQL que guarda apenas uma arvore json. Não precisa criar nada pois no momento que eu acesso um item que eu quero que seja um nó dessa arvore o Firebase o cria automaticamente.
Ah perfeito entendi. Se não for abusar no video você usa uma chave seria a apiKey ? obrigado.
São as chaves do Firebase… cada aplicação no Firebase tem suas próprias chaves.
Perfeito. muito obrigado pelo retorno.
Show! =]
Olá Felipe, Estou na parte de salvar os contatos e está dando erro: Reference.push. Tem alguma dica do que pode ser ? desde já agradeço.
https://uploads.disquscdn.com/images/d3aa02876edf77b0d459196d807447aa8705b6cee92e7a4bd4f85b67d652ea8c.png https://uploads.disquscdn.com/images/9bdd1139363c128514ce1f33049c98c0b9ae43b934c5cc527af054baffb99313.png
Olá Felipe, o seguinte erro aparece no método save: Esperando somente 1 argumento. Ele não aceita o this.contactKey novamente tem alguma dica ?
https://uploads.disquscdn.com/images/3d2505f2b8ccf38638deab67c83bb72ec8b2b56ab693885b766053ee58d13294.png
Fala Ricardo, blz?
Você criou a propriedade “contactKey” conforme fiz no tutorial?
De qualquer forma o código do tutorial está nesse repositório
https://github.com/fabricadecodigo/ionicfirebaseauth
Da uma olhada lá para ver como ficou.
Olá Felipe, sou Novo com IONIC porem estou baixando seu projeto porem estou com erro, onde ele nem chega a subir. https://uploads.disquscdn.com/images/4033a59768dbbc7a313360e0554a6a4cbcd97e6e3a79a52d5034f3c241268622.png
Alguém pode me ajudar ?
Fala Vitor, esse erro aí é porque o app não achou o Firebase.
Você fez a instalação?
Então, estava lendo varios blog, e e um diz que esse Firebase.Promise, não esta rodando nas versões mais novas, dai fiquei meio, mas então após baixar seu projeto, eu devo rodar o que pra instalar ? ionic generate provider Auth ? ou npm install firebase angularfire2 –save
Se você baixar meu projeto la do github é só rodar o npm install
Felipe, tudo bom?
estou com o seguinte problema, no construtor do provider contact-service está dando o seguinte erro.
Poderia me ajudar?
https://uploads.disquscdn.com/images/e17d3714d3ac5680a148692445045234a74a6fe285eed76af59a076f3488d88a.png
Fala Agmar, blz?
Na versão mais nova do AngularFire2 não tem mais o FireBaseListObservable.
Você pode trocar pelo Observable que fica no rxjs (import { Observable } from ‘rxjs/Observable)
Valeu!
Muito Obrigado Felipe!!!!!!! Deu certo!!!!!!
Muito Obrigado !
Olá Felipe, baixei o seu código mas quando tentei correr ele olha o que deu! https://uploads.disquscdn.com/images/cf170985b3ff91c55cf2c6aa355bfc141a4ff2d160bf80f2a3e953057eac7f2c.png
Show! =]
Boa Tarde Felipe, tudo bom? Meus parabéns pelo excelente vídeo!
Fiquei com a seguinte dúvida e não consegui listar quando pego dados de um array que contém um array, resumindo, como eu listas os dados se viessem neste formato de json?
{
“resultado”: [
{
“marido”: “José”,
“esposa”: “Maria”,
“filhos”: [
{
“filho”: “Daniel”,
“idade”: 10
}
]
},
{
“marido”: “Jorge”,
“esposa”: “Eduarda”,
“filhos”: [
{
“filho”: “Luana”,
“idade”: 11
}
]
},
{
“marido”: “João”,
“esposa”: “Larissa”,
“filhos”: [
{
“filho”: “Leona”,
“idade”: 14
}
]
}
]
}
Fala Daniel, obrigado pelo feedback!
Tentou fazer um ngFor para cada array?