2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Firebase Authentication 各種機能実装記事集

Last updated at Posted at 2022-02-27

はじめに

個人サービスを制作するにあたり、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を使ってチャットアプリにアイコン画像を追加する方法

匿名ログインの実装

React+Firebaseでゲストユーザーログイン機能を実装しよう!!

Firebase Authで匿名ログインを実装して作成したuserデータを取得する

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?