ローカルデバッグ環境からFirebaseのGoogle認証プロバイダにサインインできない問題への対応

2022/9/15 2023/3/18 Node.js, React, Tips, トラブル解決, プログラミング

この記事は公開から2年以上経過しています。

Reactのローカルデバッグ環境からFirebase Authentication(Google認証プロバイダ)によるログインを試行したところ、

このブラウザまたはアプリは安全でない可能性があります。
This browser or app may not be secure.

のようなエラーが発生してログインができない問題が発生したため、その対応についての備忘録。

2023.2現在、本対応を行ってもデバッガ経由で起動されたブラウザからはセキュリティ上の理由からGoogleへログインできなくなっているようです。

対応

ブラウザをデフォルトユーザープロファイルで起動するようにlaunch.jsonに"userDataDir": falseを設定する。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "userDataDir": false
        }
    ]
}

ちなみにnpm startで起動されるブラウザでは上記設定が適用されないためpreLaunchTask等でnpm startを起動する場合は、予め.envファイルにBROWSER=noneを設定してブラウザを起動しないように設定しておく必要があります。

以上です。