背景
- Firebase + next.jsでWebアプリを開発
- 巷に溢れているサンプルプログラムを参考にし、signInWithPopupでGoogleログイン画面を実装
- Googleアカウント認証画面はポップアップしたが、「400: redirect_uri_mismatch」のエラーが表示された。かなり詰まったので備忘録として残す
解決
- firebaseのAPIキーの値が、おそらくGoogle Authentication Providerを有効にしたタイミングで変わっていた
- firebaseのコンソール画面でAPIキーを確認、設定し直したら解決した
経緯
- よく分かっていないけど、初めはfirebase Authentication自体全く触らず、firestoreにデータを保存・参照するだけのWebアプリを作っており、途中でログイン機能を追加するために有効化したのが原因かもしれない
- 変わる前のAPIキーでもfirestoreへのアクセスはできていたので気づかず、メッセージに従ってGCPコンソールのOAuth2.0設定を何度も見直したり、解決に何日もかかった。。。