AngularFire のインストール

AngularFire は Angular (すなわちクライアントコード) から、Firebase 上の機能にアクセスするためのライブラリです。

Firestore、Realtime データベース、認証、ファイルアップロード、Storage、プッシュ通知の送信などの Firebase の基本機能の利用に加えて、

$ npm install firebase @angular/fire --save

environment.ts を編集。

export const environment = {
  production: false,
  firebase: {
    apiKey: '<your-key>',
    authDomain: '<your-project-authdomain>',
    databaseURL: '<your-database-URL>',
    projectId: '<your-project-id>',
    storageBucket: '<your-storage-bucket>',
    messagingSenderId: '<your-messaging-sender-id>'
  }
};

app.module.ts の imports に次を追加。

import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { environment } from '../environments/environment';
...

AngularFireModule.initializeApp(environment.firebase),
AngularFireAuthModule,
AngularFirestoreModule,
AngularStorageModule,