Firebase signInWithPopupは、内蔵ブラウザ、モバイルデバイスで

Question

問題経由で使用する場合のauth /ポップアップがブロックされいます：サードパーティ製アプリ内蔵のブラウザ（例えば、LINE、TwitterやFacebookのメッセンジャー）、signInWithPopupリターン経由で使用する場合auth/popup-blocked 。 Firebaseドキュメントによって説明は次のとおりです。

• AUTH /ポップアップブロックされた：この操作はクリックハンドラの外にトリガーされたときにポップアップは通常、ブラウザによってブロックされた場合にスローされます。このエラーをトリガ

典型的な配列は次のとおりです。私のWebアプリのリンクはLINE、TwitterやFacebookのメッセンジャーに送信されます。ユーザーがモバイルデバイスを使用して、そのアプリでリンクを開くと、内蔵ブラウザが開きます。 signInWithPopupを呼び出すとエラーが返されます。動作はiOSとAndroidでは若干異なりますが、少なくともiOS/LINEの組み合わせによってエラーが発生します。

私はAngularを使用しており、Webアプリケーションを構築しています。エラーメッセージはfirebase.jsから来るUnable to establish a connection with the popup. It may have been blocked by the browser.です - 自分のテキストではありません。

通常のブラウザで使用すると、申し込みはうまくいきます。

組み込みブラウザとsignInWithPopupが一緒に動作しない理由は何ですか？

Answer 1

Firebase認証は、ボタンをクリックするなどのユーザーのやりとりで開始する必要があります。これは私の問題を解決しました。