22
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Firebaseアプリをデプロイ後、Googleログインしようとすると403エラーがてたときの対処方法。

Last updated at Posted at 2019-06-02

環境

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を有効にする画面で、プロジェクトのサポートメールを入力できません、しかしこのメールは必須のはずです。

2.PNG

でも入力用のボックスがないのでスルーしてしまうしかなく、保存ボタンを押したあと、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同意画面タブのサポートメールのところでメールを選択すると次回からはログインできるようになります。

キャプチャ.PNG

22
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?