如何统一解析不同登录方式下的Firebase Auth凭证对象？

看起来你已经抓住了Firebase Auth凭证结构差异的核心问题——不同登录提供者返回的对象确实会有这种「字段直接存在」和「嵌套在user属性下」的区别。我来帮你完善这个解析函数，同时避免空值访问的问题：

完整解析函数（TypeScript） #

import { User, UserCredential } from "firebase/auth";

function parseCredentials(credentials: User | UserCredential): User {
  // 通过类型守卫判断传入对象类型，提取实际用户对象
  const user = 'user' in credentials ? credentials.user : credentials;

  // 解析核心用户字段，用空值合并处理可能的空值
  const parsedCredentials: User = {
    displayName: user.displayName ?? '',
    email: user.email ?? '',
    emailVerified: user.emailVerified ?? false,
    uid: user.uid,
    photoURL: user.photoURL ?? '',
    phoneNumber: user.phoneNumber ?? '',
    isAnonymous: user.isAnonymous ?? false,
    providerData: user.providerData ?? [],
    stsTokenManager: user.stsTokenManager,
    createdAt: user.createdAt,
    lastLoginAt: user.lastLoginAt,
    apiKey: user.apiKey,
    appName: user.appName
  };

  return parsedCredentials;
}

关键优化点说明 #

• 类型安全判断：用'user' in credentials这个类型守卫替代直接链式访问，既符合TypeScript的类型规范，又能避免因对象类型不确定导致的报错。
• 空值处理：使用??空值合并运算符为可能为null/undefined的字段设置合理默认值，保证返回的对象结构始终完整。
• 兼容性：同时兼容User（比如从auth.currentUser获取的用户对象）和UserCredential（登录/注册接口返回的凭证对象）两种输入类型。

简化版（仅提取核心字段） #

如果不需要完整的User对象，只需要部分核心信息，可以简化函数：

import { User, UserCredential } from "firebase/auth";

function parseBasicCredentials(credentials: User | UserCredential): Pick<User, 'displayName' | 'email' | 'uid'> {
  const user = 'user' in credentials ? credentials.user : credentials;
  return {
    displayName: user.displayName ?? '',
    email: user.email ?? '',
    uid: user.uid
  };
}

额外注意事项 #

• 确保已经正确导入Firebase Auth的类型定义，TypeScript会帮你检查字段拼写和类型匹配。
• 测试所有登录场景：包括密码登录、第三方OAuth登录（Facebook/Google）、匿名登录等，验证解析逻辑的通用性。

内容的提问来源于stack exchange，提问作者Rafff