【Firebase/Angular】AngularFireAuthのauthプロパティ削除について

※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。

【目次】

概要

AngularFire6.0からAngularFireAuthのauthプロパティが削除されましたので、その内容について備忘録を書いていきます。

AngularFire authプロパティの変更

AngularFire6.0での変更点

今回はAngularFireAuthの変更にフォーカスを当てて解説と使い方を見ていきます。

• AngularFireAuth has dropped the auth property and instead Promise Proxies the underlying Firebase auth.Auth instance; allowing your development experience to more closely mirror the JS SDK. Similar changes have been made to AngularFireFunctions, AngularFireMessaging, and AngularFirePerformance.

【和訳】
AngularFireAuthはauthプロパティを削除し、代わりにFirebaseのauth.Authインスタンスをプロキシするようになりました。同様の変更がAngularFireFunctions、AngularFireMessaging、AngularFirePerformanceにも行われました。

変更点の全文はこちらから。

要は「authプロパティは削除したから、これからはFirebaseのauth.Authインスタンスを代わりに使ってね」ということですね。

使い方

今回は現在ログインしているユーザーのuidを取得する方法を例に使い方を見ていこうと思います。
Firebase のユーザーを管理する
Angularで使うFirebaseの認証系API一覧 - Qiita

Firebase

component.ts

import * as firebase from 'firebase';
...
getUserId(): string {
  return firebase.auth().currentUser.uid;
}

AngularFireAuth(おまけ)

import { AngularFireAuth } from '@angular/fire/auth';
...

constructor(
  public afAuth: AngularFireAuth
) {}
...

getUserId(): string {
  return this.afAuth.auth.currentUser.uid;
}

参考資料

素晴らしい記事に感謝致します。
angularfire/version-6-upgrade.md at master · angular/angularfire · GitHub
Firebase のユーザーを管理する
Angularで使うFirebaseの認証系API一覧 - Qiita