mo-ri-regen/qin-todo-frontend

(3-2)アカウント連携の設定

Closed this issue · 0 comments

ゴール

複数のアカウントでログイン可能にする。

やること

  • 連携済のプロバイダーの場合は、ボタンの文言を「解除する」と表示する。
  • 連携していないプロバイダーの場合は、ボタンの文言を「連携する」と表示する。
  • 2種類とも連携している状態では、「解除する」ボタンはクリック可とする。
  • 2種類とも連携していない状態では、「解除する」ボタンはクリック不可とする。
  • Appleの方は、内部的にはGitHubでテストする。
  • サインアップ、サインイン画面も一時的にGitHubでログインできるようにする。

バックエンドと接続した上での確認事項

(バックエンド側で認証処理までできている前提での確認であるため、確認のみ別のISSUEとする可能性があります。)

  1. Googleでログインしてタスク登録
  2. ログオフ
  3. GitHubでログインし、1.で登録したデータが表示される。
  4. GitHubでログイン中にタスク登録
  5. ログオフ
  6. Googleでログインし、1.で登録したデータと、4.で登録したデータが表示される。

参考

複数の認証プロバイダをリンクする

  • 「連携する」場合の処理は、上記公式ページのlinkWithRedirectを使っているところだと想定しています。
  • 「解除する」場合の処理は、上記公式ページのunlinkを使っているところだと想定しています。

[Firebase] AuthenticationでGitHub認証 (Web編)