Vue-Firebase应用开发：如何在Firebase Auth中获取所有注册用户列表？

嘿，我刚好在Vue-Firebase项目里踩过这个坑！Firebase Auth的前端SDK是不允许直接获取所有注册用户列表的——这是安全层面的设计，毕竟前端拿到全量用户数据风险太高。下面给你两种靠谱的实现思路：

方案一：使用Firebase Admin SDK（后端实现） #

只有Firebase的Admin SDK拥有获取全量用户的权限，所以需要搭配后端（比如Node.js，和Vue项目兼容性很好）来实现：

1. 初始化Admin SDK
   先在后端项目中引入Admin SDK并完成初始化，需要用到你的Firebase项目服务账号密钥：

   const admin = require('firebase-admin');
   const serviceAccount = require('./path-to-your-service-account-key.json');
   
   admin.initializeApp({
     credential: admin.credential.cert(serviceAccount)
   });
   

2. 编写获取用户的后端接口
   使用listUsers方法获取用户，支持分页处理（避免用户过多时单次请求超时）：

   // 递归获取所有用户（处理分页）
   async function getAllUsers(nextPageToken = null) {
     const listUsersResult = await admin.auth().listUsers(1000, nextPageToken);
     const currentPageUsers = listUsersResult.users.map(user => ({
       uid: user.uid,
       email: user.email,
       displayName: user.displayName,
       phoneNumber: user.phoneNumber,
       createdAt: user.metadata.creationTime
     }));
   
     // 如果还有下一页，继续递归获取
     if (listUsersResult.pageToken) {
       const nextPageUsers = await getAllUsers(listUsersResult.pageToken);
       return [...currentPageUsers, ...nextPageUsers];
     }
     return currentPageUsers;
   }
   
   // 暴露接口给前端调用（示例用Express）
   app.get('/api/get-all-users', async (req, res) => {
     try {
       const allUsers = await getAllUsers();
       res.status(200).json(allUsers);
     } catch (error) {
       res.status(500).json({ error: '获取用户列表失败' });
     }
   });
   

3. Vue前端调用接口
   在Vue组件中通过fetch或axios调用后端接口拿到用户数据：

   // Vue组件方法示例
   async fetchAllUsers() {
     try {
       const response = await fetch('/api/get-all-users');
       this.userList = await response.json();
     } catch (err) {
       console.error('获取用户列表出错:', err);
     }
   }
   

方案二：将用户信息同步到Firestore/实时数据库（前端友好版） #

如果不想额外搭建后端，可以在用户注册/登录时，把用户信息同步到Firestore或实时数据库，之后直接从数据库读取全量用户：

1. 注册时同步用户信息到Firestore
   在用户通过前端SDK注册成功后，立即将用户信息写入Firestore的users集合：

   import { createUserWithEmailAndPassword } from "firebase/auth";
   import { doc, setDoc } from "firebase/firestore";
   import { auth, db } from './firebase-config';
   
   // 注册函数
   async function registerUser(email, password, displayName) {
     try {
       const userCredential = await createUserWithEmailAndPassword(auth, email, password);
       const user = userCredential.user;
   
       // 同步用户信息到Firestore
       await setDoc(doc(db, "users", user.uid), {
         uid: user.uid,
         email: user.email,
         displayName: displayName || user.displayName,
         createdAt: new Date()
       });
     } catch (error) {
       console.error('注册失败:', error);
     }
   }
   

2. 从Firestore读取全量用户
   在需要获取用户列表的Vue组件中，直接读取users集合的数据：

   import { collection, getDocs } from "firebase/firestore";
   import { db } from './firebase-config';
   
   // 获取所有用户列表
   async getAllUsers() {
     try {
       const querySnapshot = await getDocs(collection(db, "users"));
       this.userList = querySnapshot.docs.map(doc => doc.data());
     } catch (error) {
       console.error('获取用户列表失败:', error);
     }
   }
   

3. 设置安全规则（关键！）
   一定要给Firestore设置安全规则，确保只有授权用户（比如管理员）才能读取全量用户数据：

   rules_version = '2';
   service cloud.firestore {
     match /databases/{database}/documents {
       match /users/{userId} {
         // 仅允许管理员读取全量用户，普通用户只能读自己的信息
         allow read: if request.auth != null && request.auth.token.admin == true;
         allow write: if request.auth.uid == userId;
       }
     }
   }
   

总结 #

• 如果项目已有后端，优先选Admin SDK方案，数据直接来自Firebase Auth，准确性更高；
• 无后端场景选数据库同步方案，但要注意同步用户信息的完整性（比如用户修改资料、删除账号时也要同步更新数据库）。

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