Firestore 如何使用 FirebaseUI 登录时将用户文档添加到集合

Question

我正在尝试在新用户登录时将新文档作为uid加载到 Firestore 集合users中。

我正在使用FirebaseUI + VueJS，并尝试使用signInSuccessWithAuthResult回调填充数据。（如果有更好的方法，请告诉）。

更新：我重构了代码（如下），至少现在Firebase抛出了一个错误：

Function CollectionReference.doc() requires its first argument to be 
of type non-empty string, but it was: undefined  Dismiss

以下是没有成功的可能尝试之一。您对代码示例的帮助将不胜感激。

Firebase-config.js：

import firebase   from 'firebase';
import firebaseui from 'firebaseui'
import { usersCollection } from '@/services/registerFirebase'
export const FBuiConfig = {
    signInSuccessUrl: '/dashboard',
    signInFlow: 'popup',
    callbacks: {
        signInSuccessWithAuthResult: function(authResult, redirectUrl) {
            const userUid       = authResult.uid;
            const email         = authResult.email;
            const displayName   = authResult.displayName;
            const photoURL      = authResult.photoURL;
            const lastLoginAt   = authResult.lastLoginAt;
            const createdAt     = authResult.createdAt;
            setUser(userUid, email, displayName, photoURL, lastLoginAt, createdAt);
            return false;
        },
        uiShown: function() {
            document.getElementById('app-drawer').style.display = 'none';
            document.getElementById( 'app-toolbar').style.display = 'none';
        },
    },
    signInOptions: [
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,
        {
            provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
            requireDisplayName: true,
            forceSameDevice: true,
        },
        firebaseui.auth.AnonymousAuthProvider.PROVIDER_ID,
    ],
    tosUrl: '/tos',
    privacyPolicyUrl: function() {
        window.location.assign('/pp');
    }
};
function setUser(userUid, email, displayName, photoURL, lastLoginAt, createdAt) {
    const user = {
        useruid         : userUid,
        useremail       : email,
        displayname : displayName,
        photourl        : photoURL,
        lastlogin       : lastLoginAt,
        created         : createdAt,
        calendarEvents: []
    }
    usersCollection.doc(userUid).set(user);
}

Answer 1

authResult不是

用户，而是用户。

const user = authResult.user;

然后你可能想确保登录确实有效：

if (user) {
          const userUid       = user.uid;
          const email         = user.email;
          const displayName   = user.displayName;
          const photoURL      = user.photoURL;
          const lastLoginAt   = user.lastLoginAt;
          const createdAt     = user.createdAt;
}
return user != null;

文档中有一个很好的例子，请点击此链接