Firebase(Auth)のGoogleポップアップが表示されない時に設定すること。（備忘録）

はじめに

FirebaseAuthenticationを使用して、ログイン機能の作成をした際に、ログインポップアップが表示されないという事態に遭遇しました。（結果的には勉強不足だった。）

ローカル環境ではログイン可能

開発中のローカル環境下ではログインは通っていました。
「ローカル環境ではうまくいくのに、他のデバイスや本番環境ではポップアップが表示されない..」

なぜ？ということで調べると、Authentication→設定→承認済みドメインの設定でドメインが承認されていなかったからログインが通らなかった。ということでした。

よくみると、承認済みドメインの一覧に”localhost”が追加されており、承認済みドメインの説明にもしっかり書かれていました。↓

解決策

Authentication→設定→承認済みドメイン→ドメインの追加

例えば、WEBアプリをデプロイした際のURLを貼り付けるとドメインが承認され、ポップアップが表示されるようになります。