私は現在、Firebase Auth と Web ウィジェット ライブラリ firebaseui-web を使用して、VueJS ベースのログイン フローのプロトタイプを作成しています。
認証 (password または google プロバイダー) が成功すると、ウィジェットの読み込みバーが無限に繰り返され、firebaseui-web は signInSuccessWithAuthResult コールバックをトリガーしません。しかし、identitytoolkit.googleapis.com へのネットワーク呼び出しは間違いなくユーザーを識別し、認証しているようです (スクリーンショットを参照)
構成オブジェクトは次のとおりです:
リーリーVUeJS コード:
リーリー再現可能なデモと完全なコードは https://github.com/perelin/firebase-auth-providerdata-test にあります。
これを表す CodeSandbox は次のとおりです: https://codesandbox.io/s/github/perelin/firebase-auth-providerdata-test (場合によっては、Unexpected token '{' エラーがスローされます。ページをリロード/再構築するだけです。
次に何を試すべきかわかったら、よろしくお願いします。
P粉8685860322024-03-28 19:08:55
それで、この問題を見つけました。 firebaseui.auth.AuthUI によって返される firebaseui インスタンスは Vue データ プロパティであることを好まないようです [1]
理由を知りたいのですが、バグを探すのにかなりのエネルギーを消費します。私は終えた：）＃＃＃
これが私の修正ですhttps://github.com/perelin/firebase-auth-providerdata-test/commit/e8c31aecb4d3bc8bcd93928c55c439201a965c65
[1]https://v3.vuejs.org/guide/data-method.html