7

ホームスクリーンを使用してビルドした PWA (テスト アプリ) を保存し、Chrome を使用してAndroidのモードで、Safari を使用してiOSCreate React Appでアプリを起動した後。次に、アプリで Firebase メソッドを開始するか、またはデバイスにインストールされている他のブラウザーでアクションを開くかどうかをデバイスから尋ねられます。自分で開くことを選択すると、ポップアップが開き、正しい Google アカウントを選択します。standalonesignInWithPopup(GoogleProvider)Test AppchromefirefoxTest App

エラー: Google アカウントを選択した後、my にリダイレクトせずにポップアップが閉じますTest App

代わりにブラウザでFirebase メソッドsignInWithPopup(GoogleProvider)を開くと、Google アカウントを選択するためのポップアップが開き、Google アカウントを選択した後、ポップアップが閉じて一時的にリダイレクトされます。chromeTest AppTest 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 AppFacebook を通じて許可を与えていた場合、フローは正常に機能し、ポップアップが閉じます。また、単一のgoogleアカウントのみが検出され、以前にアプリに OAuth 権限が付与されている場合、ポップアップは正常に機能します。ただし、デバイスに複数の Google アカウントが存在する場合、ユーザーはサインインするアカウントの選択を入力する必要があります -->これにより、前述のエラーが再び発生します。また、Twitter ポップアップではユーザーが毎回選択する必要があるため、Twitter OAuth を使用すると毎回エラーが発生しますAuthorize App

更新:これは、Google Chrome の Webview からの OAuth への最近の変更と関係があると思われます。

Windows マシンでエラーが発生した場合: アプリを承認した後でも、Twitter 認証のポップアップが閉じないことに注意してください。Googleと facebook の OAuth でも同じことが起こります。

ここに画像の説明を入力

4

3 に答える 3