Configuração Firebase

Prévia do material em texto

Configuração Firebase
Firestore e Authenticator
1. Criar um conta ou utilizar existente
• Entrar no site console.firebase.com
• Logar ou criar uma conta do GMail
2. Criar um Novo Projeto
Duas telas podem aparecer, clicar em Criar Projeto ou Adicionar Projeto
3. Configurações Iniciais do Projeto
1. Definimos um nome qualquer para o 
projeto > Continuar 2. Desativa o Google Analytics, não precisamos
neste momento > Criar Projeto
... Depois que criar, clique em continuar
4. Configurando o Authentication
No menu clique em Authentication
Clique em Sign-in method > Provedor E-mail/senha
4. Configurando o Authentication
No momento apenas ative o primeiro (Permite que os usuários...) > Salvar
4. Adicionando Usuários
Clicamos em Users > Adicionar usuário
Precisamos de pelo menos um usuário para logar em nosso aplicativo
6. Configurando Cloud Firestore
Clicamos em Cloud Firestore > Criar banco de dados
6. Configurando Cloud Firestore
Manter as configurações acima, Avançar
6. Configurando Cloud Firestore
Em Local do Cloud Firestore > escolher américa do sul (southamerica-east1) > Ativar
6. Configurando Cloud Firestore
Em Local do Cloud Firestore > escolher américa do sul (southamerica-east1) > Ativar
Aguardar...
6. Configurando Cloud Firestore
Aguardar...
7. Criar dados para cliente (Coleção)
Aguardar...
Em Dados > Clicar em Iniciar Coleção
Código coleção (nome): “cliente” > Próxima
7. Criar dados para cliente (Coleção)
Código do documento: Clicar em código automático
Campo, tipo e valor estão ao lado > Salvar
* Vamos cadastrar 3 clientes
Adicionar mais campos
7. Criar dados para cliente (Coleção)
Dados Cadastrados
7. Criar dados para cliente (Coleção)
Dados Cadastrados
7. Configurar Regras Cloud Firestore
Clique em Regras > Mude a linha 5 de false para true > Publicar
7. Configurar aplicativo
Em visão geral do projeto > Clicar na engrenagem > 
Configurações de projeto
7. Configurar aplicativo
Crie um novo aplicativo web aqui
7. Configurar aplicativo
Dar um nome para o projeto > Registrar App
Copiar as configurações > Continuar no console
(apiKey, authDomain, databaseURL, projectId, storageBucket
, messagingSenderId, appId)
8. Aplicar configurações no app
As configurações copiadas deverão ser inseridas, substituindo, em environment.ts
(apiKey, authDomain, databaseURL, projectId, storageBucket, messagingSenderId, appId)