Rapidamente e resumidamente:
No Firebase
1 – Acessar o site do firebase.
2 – Criar um novo projeto (caso não exista).
3 – Adicionar um aplicativo web, dando um apelido e um identificador único a ele.
4 – Copiar o trecho de código fornecido no momento da criação do aplicativo, semelhante a esse:
firebaseConfig: {
apiKey: "123456",
authDomain: "sua-aplicacao.firebaseapp.com",
projectId: "sua-aplicacao",
storageBucket: "sua-aplicacao.appspot.com",
messagingSenderId: "123456",
appId: "123456",
measurementId: "123456"
}No projeto Angular
1 – Abrir o seu arquivo de configurações de ambiente “environment.ts” e “environment.prod.ts” (ou de acordo com sua estratégia de distribuição) e cole o código copiado anteriormente.
2 – Adicione ao projeto o pacote do firebase com o seguinte comando: ng add @angular/fire
3 – Atualize as ferramentas do firebase com o seguinte comando: npm install -g firebase-tools
4 – No arquivo app.module.ts, faça as importações “import { AngularFireModule } from ‘@angular/fire’;” e “import { AngularFireAuthModule } from ‘@angular/fire/auth’;”.
5 – Ainda no arquivo app.module.ts, dentro de “imports [ ]” adicione AngularFireModule.initializeApp(environment.firebaseConfig) e AngularFireAuthModule.
Daqui pra frente são configurações relacionadas a navegação e login, envolvendo nossos arquivos HTML e TS.
Continua…