【電子】デスクトップでGoogleにサインインしようとすると「このブラウザまたはアプリは安全ではない可能性があります」エラーが発生する

エラーを報告する

"Browser or app may not be secure. Try using a different browser." error with Flutter Firebase Google Login
また
This browser or app may not be secure“ error when trying to sign in with Google on desktop

バックグラウンド

Electron上に構築されたmicro-app micro-frontサブアプリケーションはgoogle auth2機能を実現しており、アーキテクチャはelectron+micro-app(デスクトッププロジェクト)とreact spa(サブアプリケーションプロジェクト)となっています。
Google auth2 のスパ制限により、Google セキュリティによってブロックされているため、サブアプリケーションで auth2 認証インターフェイスを直接呼び出すことはできません。そこで、電子デスクトップ上に新規フォームを作成し、そのフォーム内にWebViewを作成してブラウザ環境を構築し、スパ認証ページに提供して実行するため、統一同意画面でのアプリケーションの登録と設定が必要となります。

問題の説明

WebView で実行されているスパ同意ログイン ページで、Google が認証コード code を取得するログイン インターフェイスにリダイレクトすると、ログインが制限されます。

問題分析

Google は関連情報を参照した結果、2020 年 5 月までにセキュリティを制限し、登録されているスパ アプリケーションのログインを制限します。ヒントは、私たちの電子はノード環境にあり、基礎となる層を変更する機能を持っているため、ブラウザは安全ではないということです。

参考文献[1]:https://support.google.com/accounts/answer/6010255
参考文献[2]:https://stackoverflow.com/questions/59480956/browser-or-app-may-not-be -fl で別のブラウザのエラーを使用して安全に試してみる

解決

WebviewのuseAgent属性を変更することで、Webviewのユーザーエージェント環境に注入し、カーネルを変更します。次のコードに示すように:

<webview
                    src={webviewUrl}
                    style={
   
   { flex: 1 }}
                    // useragent={userAgent}
                    useragent={'Chrome'}
                    preload={preloadJs}
                    webpreferences="enableRemoteModule=true,nodeIntegration=true,nativeWindowOpen=yes,contextIsolation=false"
                />


ここに画像の説明を挿入
成功すると、次の図に示すようにインターフェイスが変わります。
ここに画像の説明を挿入

参考文献[1]:https://support.google.com/accounts/thread/22873505?msgid=24503570
参考文献[2]:https://support.google.com/accounts/thread/22873505/this-browser -or-app-may-not-be-secure-error-when-trying-to-sign-in-with-google-on-desktop-apps?hl=ja

おすすめ

転載: blog.csdn.net/hzxOnlineOk/article/details/131412882