ホームスクリーンを使用してビルドした PWA (テスト アプリ) を保存し、Chrome を使用してAndroidのモードで、Safari を使用してiOSCreate React App
でアプリを起動した後。次に、アプリで Firebase メソッドを開始するか、またはデバイスにインストールされている他のブラウザーでアクションを開くかどうかをデバイスから尋ねられます。自分で開くことを選択すると、ポップアップが開き、正しい Google アカウントを選択します。standalone
signInWithPopup(GoogleProvider)
Test App
chrome
firefox
Test App
エラー: Google アカウントを選択した後、my にリダイレクトせずにポップアップが閉じますTest App
。
代わりにブラウザでFirebase メソッドsignInWithPopup(GoogleProvider)
を開くと、Google アカウントを選択するためのポップアップが開き、Google アカウントを選択した後、ポップアップが閉じて一時的にリダイレクトされます。chrome
Test App
Test App
エラー:ローディング インジケータの表示中に選択する Google アカウントを要求 するタブに戻り、chrome
そこでハングします。
コンソール エラーや警告は表示されません。
注 1:Windows 10 x64
マシンのホーム画面にアプリを追加Version 64.0.3259.0 (Official Build) canary (64-bit)
し、スタンドアロン ウィンドウとして起動すると、ポップアップが閉じず、読み込み中のままになるというエラーも発生します。
注 2:また、ホームスクリーンからアプリをアンインストールし、純粋にブラウザーで起動すると、サインイン OAuth フローは正常に機能しますsignInWithPopup(Facebookprovider)
。signInWithPopup(Twitterprovider)
注 3:さらにトラブルシューティングを行った後、OAuth ポップアップでユーザー入力が必要な場合にエラーがより具体的に発生するようです。つまり、たとえば、ユーザーが以前にTest App
Facebook を通じて許可を与えていた場合、フローは正常に機能し、ポップアップが閉じます。また、単一のgoogle
アカウントのみが検出され、以前にアプリに OAuth 権限が付与されている場合、ポップアップは正常に機能します。ただし、デバイスに複数の Google アカウントが存在する場合、ユーザーはサインインするアカウントの選択を入力する必要があります -->これにより、前述のエラーが再び発生します。また、Twitter ポップアップではユーザーが毎回選択する必要があるため、Twitter OAuth を使用すると毎回エラーが発生しますAuthorize App
。
更新:これは、Google Chrome の Webview からの OAuth への最近の変更と関係があると思われます。
Windows マシンでエラーが発生した場合: アプリを承認した後でも、Twitter 認証のポップアップが閉じないことに注意してください。Googleと facebook の OAuth でも同じことが起こります。