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のプロジェクトを作成する方法