環境
Windows10 64bit
Chrome バージョン: 74.0.3729.169(Official Build) (64 ビット)
node -v v12.3.1
npm -v 6.9.0
firebase -V 6.10.0
ChromeブラウザでGoogleにログイン済みだとします。
(PCのデフォルトブラウザはChrome)
問題
Firebase console
https://console.firebase.google.com/
からFirebaseプロジェクトを設定しておき、ローカルでアプリを作成後、初期化firebase init
&デプロイfirebase deploy
します。
その後サイトに飛びGoogleログインしようとする時に起こる403エラーの対処方法。
それまでの流れ
Firebase console
https://console.firebase.google.com/
からプロジェクトを作成後、Authenticationの設定をします。
開発>Authentication>ログイン方法>GoogleでGoogleを有効にする画面で、プロジェクトのサポートメールを入力できません、しかしこのメールは必須のはずです。
でも入力用のボックスがないのでスルーしてしまうしかなく、保存ボタンを押したあと、Firebase deploy をしてサイトを表示したあとにGoogleログインしようとするとこの403エラーが出ます。
解決方法
そこで、エラー画面の
.403. That’s an error.
Error: restricted_client
Application: XXXXXXXXXXXXXX
You can email the developer of this application at: unconfiguredapp@google.com
This app is not yet configured to make OAuth requests. To do that, set up the app’s OAuth consent screen in the Google Cloud Console.
Learn more <<ここのリンク(下記画像画面に飛びます)
このLearn moreのリンクをクリックしてOAuth同意画面タブのサポートメールのところでメールを選択すると次回からはログインできるようになります。