Firebase登录成功后onAuthStateChanged未触发，仅刷新页面才响应

• 前后端Firebase Auth实例状态完全隔离：你在Node.js服务端调用的signInWithCredential属于服务端运行的Firebase Auth实例操作，和浏览器前端初始化的Firebase Auth实例相互独立，状态不会自动同步。前端的onAuthStateChanged只会监听当前浏览器内Auth实例的状态变化，因此服务端登录成功前端感知不到，回调不会触发。
• 前端未主动同步登录态：现有流程中你仅从服务端拿到了登录后的idToken，没有把身份凭证同步给前端的Firebase Auth实例，前端始终认为用户处于未登录状态，刷新后没有本地持久化的登录信息，回调自然返回null。
• 后端SDK使用不符合规范：服务端不应使用面向客户端的firebase/auth包，应该使用firebase-admin Admin SDK完成身份相关操作，当前后端的用法本身不符合Firebase的设计规范。

推荐方案：登录逻辑迁移到前端执行 #

该方案改动最小，也符合Firebase的设计逻辑：

• 社交登录场景：前端直接调用对应平台Auth Provider的signInWithPopup或者signInWithCredential方法，在前端完成登录，onAuthStateChanged会自动触发，无需走后端登录接口。
• 邮箱密码登录场景：前端直接调用signInWithEmailAndPassword方法完成登录，状态自动同步。
• 若需要后端同步处理登录逻辑，前端登录成功后拿到idToken，放在请求头里传给后端，后端用Admin SDK验证token有效性即可。

兼容方案：保留现有后端登录流程 #

如果业务要求必须走后端登录，按如下步骤修改：

1. 后端替换为Firebase Admin SDK：卸载firebase包，安装firebase-admin，初始化Admin SDK（需传入服务账号密钥），验证用户凭证通过后，调用admin.auth().createCustomToken(uid)生成自定义登录token返回给前端，不要返回用户的idToken。
   后端修改示例：

import admin from 'firebase-admin';
import express from 'express';

// 初始化Admin SDK，仅需执行一次
if (!admin.apps.length) {
  admin.initializeApp({
    credential: admin.credential.cert(/* 你的服务账号密钥配置 */)
  });
}

const router = express.Router();
router.post(['/login/email','/login/google','/login/github','/login/facebook'], async (req, res) => {
  const { token, email, password } = req.body;
  if(!token && !(email || password)) return res.status(400).json({ message : 'missing fields'});

  // 此处省略验证用户凭证的逻辑，验证通过后拿到用户uid
  const uid = /* 验证通过后的用户uid */;
  const customToken = await admin.auth().createCustomToken(uid);
  return res.status(200).json({ customToken });
});

2. 前端登录请求成功后，调用前端Auth实例的signInWithCustomToken方法完成本地登录，此时onAuthStateChanged会自动触发，登录态会持久化在浏览器本地，刷新后也能正常获取用户信息。
   前端处理示例：

// 调用后端登录接口
const loginRes = await fetch('/login/google', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ token: googleAuthToken })
});
const { customToken } = await loginRes.json();
// 用自定义token完成前端本地登录
await signInWithCustomToken(auth, customToken);

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