Javascript 当用户使用firebase的社交媒体登录时，如何仅获取名字？

下面是我用来获取用户使用google、facebook或twitter登录时的详细信息的代码

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
        // User is signed in.
        var displayName = user.displayName;
        var email = user.email;
        var emailVerified = user.emailVerified;
        var photoURL = user.photoURL;
        var uid = user.uid;
        var phoneNumber = user.phoneNumber;
        var providerData = user.providerData;
        user.getToken().then(function(accessToken) {

            console.debug('user', user);

            document.getElementById('name').textContent = displayName;
            document.getElementById("avatar").src = photoURL;


        });

    } else {
        console.log('not logged in');

    }

});

然后在html中通过写入

显示用户的全名

---

如何只显示用户的名字？

您可以这样做

document.getElementById('name').textContent = (displayName.split(' '))[0];

---

你可以这样做

document.getElementById('name').textContent = (displayName.split(' '))[0];

---

大多数社交网站都会在您登录后提供您的名字和姓氏，但您需要将它们保存到数据库中，因为Firebase不会这样做。不过，每个提供者对名字和姓氏的称呼各不相同

文件在

firebase.auth
.signInWithPopup（新的firebase.auth.GoogleAuthProvider（））
。然后（（用户）=>{
const firstName=user.additionalUserInfo.profile.given_name；
const lastName=user.additionalUserInfo.profile.family\u name；
});
firebase.auth
.signInWithPopup（新的firebase.auth.OAuthProvider（'microsoft.com'））
。然后（（用户）=>{
const firstName=user.additionalUserInfo.profile.givenName；
const lastName=user.additionalUserInfo.profile.namname；
});登录后，大多数社交提供商都会提供您的名字和姓氏，但您需要将它们保存到数据库中，因为Firebase不会这样做。不过，每个提供者对名字和姓氏的称呼各不相同

文件在


firebase.auth
.signInWithPopup（新的firebase.auth.GoogleAuthProvider（））
。然后（（用户）=>{
const firstName=user.additionalUserInfo.profile.given_name；
const lastName=user.additionalUserInfo.profile.family\u name；
});
firebase.auth
.signInWithPopup（新的firebase.auth.OAuthProvider（'microsoft.com'））
。然后（（用户）=>{
const firstName=user.additionalUserInfo.profile.givenName；
const lastName=user.additionalUserInfo.profile.namname；
});