Firebase Auth mit firebaseui-web führt nach der Authentifizierung keine Umleitung durch
Ich erstelle derzeit einen Prototyp eines VueJS-basierten Anmeldeablaufs mit Firebase Auth und der Web-Widget-Bibliothek firebaseui-web.
Nach erfolgreicher Authentifizierung (password 或 google 提供商），小部件加载栏会无限重复，并且 firebaseui-web 不会触发其 signInSuccessWithAuthResult 回调。但是对 identitytoolkit.googleapis.com) scheint der Netzwerkaufruf meinen Benutzer eindeutig identifiziert und authentifiziert zu haben (siehe Screenshot)
Das Konfigurationsobjekt lautet wie folgt:
const uiConfig = {
signInSuccessUrl: "#/loggedin",
signInOptions: [
EmailAuthProvider.PROVIDER_ID,
GoogleAuthProvider.PROVIDER_ID,
],
tosUrl: "http://example.com",
privacyPolicyUrl: "http://example.com",
signInFlow: "redirect",
callbacks: {
signInSuccessWithAuthResult: function (authResult, redirectUrl) {
console.log("signInSuccessWithAuthResult:", authResult, redirectUrl);
return true;
},
uiShown: function () {
console.log("uiShown");
},
},
};
VUeJS-Code:
export default {
name: "Home",
data: function () {
return {
fbUI: {},
};
},
methods: {
initFBUI: function () {
const uiReference = firebaseui.auth.AuthUI.getInstance("demoUI");
console.log("uiReference ", uiReference);
this.fbUI =
uiReference !== null
? uiReference
: new firebaseui.auth.AuthUI(this.$fbAuth, "demoUI");
console.log("this.fbUI", this.fbUI);
},
startAuthUI: function () {
console.log("ui.isPendingRedirect()", this.fbUI.isPendingRedirect());
this.fbUI.start("#firebaseui-auth-container", uiConfig);
console.log("this.fbUI started");
},
},
mounted() {
this.initFBUI();
this.startAuthUI();
},
};
Reproduzierbare Demo und vollständiger Code unter https://github.com/perelin/firebase-auth-providerdata-test.
Hier ist die CodeSandbox, die Folgendes darstellt: https://codesandbox.io/s/github/perelin/firebase-auth-providerdata-test (manchmal wird ein Unexpected token '{' Fehler ausgegeben. Dann laden/erstellen Sie die Seite einfach neu.
Wenn ich weiß, was ich als nächstes ausprobieren soll, wäre ich wirklich dankbar!
