【技術メモ】This domain(127.0.0.1)is not authorized to run this operation. Add it to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab. Dismissが表示された時の解決方法

Firebaseを使ってソーシャルログインを作ろうと思い、実装していたところ当然の如くエラーが発生しました！

実際のエラー画面

This domain(127.0.0.1)is not authorized to run this operation. Add it to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab. Dismiss

私はローカル環境で試していたところ上記のエラーが発生しました。

domain()の中身は私の場合、127.0.0.1になっていますが、試しているdomainの場所によって値が変わると思います。

修正方法

①「Authentication」を選択し、「承認済みドメイン」を確認します。

②「ドメインを追加」を選択します。

③エラーで表示されていたドメイン(IPアドレス)を入力し、「追加」を押します。

私の場合、「127.0.0.1」と表示されていました。

④Webページを更新して、「Sign in with Google」を選択します。

⑤グーグルアカウントを選択する。

⑥ログイン成功確認する

終わりに

今回はソーシャルログインを試しに作ろうと思ったときに、発生したエラーでした。

同じようなエラーで悩んでいる方の解決案になれば幸いです。

私はエラーが出たら、一回深呼吸をして心を落ち着かせるようにしています。

皆さんのエラーが出たときの初動を教えて欲しいです！

【技術メモ】Firebaseのプロジェクトを作成する方法

【技術メモ】Firebaseのプロジェクトを作成する方法

2021.7.22

WebサイトなどによくあるGoogle,Twitter,Line,FacebookなどのSNSアカウントを使ったログイン手法を調べていたときに、Firebaseというサービスを使え...