はじめに
個人サービスを制作するにあたり、Googleが提供しているBaasであるFirebaseを採用しました。その際に、認証周りの様々な機能を提供してくれるFirebase Authenticationを使用しましたが、公式のリファレンスのみでは理解が難しい場面が多々あったので、各機能の実装にあたって参考にさせていただいた記事集を作りました。JavaScript(React等)で以下機能を実装したい方は、こちらの記事集を是非参考にしていただければと思います。
- ユーザーのサインアップ・ログイン
- サインアップ後の認証メール送信
- パスワード再設定用メール送信
- Firestoreへユーザー情報を登録
- Storageへプロフィール画像をアップロード
- 匿名ログイン
※注意事項
Firebaseのバージョンは、頻繁に更新されており、同一の処理である場合もバージョンによって記述方法が異なっています。(現在の最新バージョンは9系。)こちらで紹介している記事は、それぞれ投稿された日時が異なりますので、バージョン及び実装方法も一部異なる場合がありますので、下記の公式リファレンス等を参考にして各自で補完していただければと思います。
Authentication 公式リファレンス
Firebase Authentication | Firebase Documentation
基本的な機能 (ログイン・サインアップ・ログインユーザーのみのアクセス権付与・サインアップ時の確認メール送信機能)
Next.js、TypeScript、FirebaseAuthでメール認証(確認メールつき) - Qiita
パスワード再設定用メールの送信
Firebase Authenticationでパスワードの再設定をする
ログイン時にFirestoreへユーザーデータを保存
Firebase Auth でログイン時に Firestore にユーザー用のドキュメントを作る方法
登録時のCloud Strageへのプロフィール用画像アップロード
ReactとFirebaseを使ってチャットアプリにアイコン画像を追加する方法