使用Reactjs与Firebase开发项目，用户和管理员应共用还是分设登录界面？

问题1：共用登录界面的可行性与安全风险 #

• 共用登录界面完全可行，技术上没有障碍
• 潜在风险仅存在于前端权限校验逻辑被篡改的场景，只要不把前端校验作为唯一权限判断依据，就不会有实质安全问题
• 仅配置严谨的Firebase安全规则足够规避所有权限相关风险：你只需要在用户集合的对应用户文档中新增role字段，值区分普通用户和管理员，所有需要鉴权的操作都在安全规则中校验请求用户的role字段即可，示例规则参考：

// 疫苗信息CRUD权限控制
match /vaccines/{vaccineId} {
  allow read: if request.auth != null;
  allow create, update, delete: if request.auth != null 
    && get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role == "admin";
}

// 用户接种信息权限控制
match /users/{userId}/vaccine_records/{recordId} {
  allow read: if request.auth != null && (request.auth.uid == userId || get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role == "admin");
  allow write: if request.auth != null && get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role == "admin";
}

• 上述规则是Firebase后端强制执行的，前端任何篡改都无法绕过，完全可以保障数据安全。

问题2：分设登录界面的必要性与依赖服务说明 #

• 分设登录界面不是技术上的必选项，仅属于产品体验优化项：可以避免普通用户看到无关的管理功能入口，减少恶意用户尝试爆破管理员账号的概率，属于额外的浅层防御，不影响核心安全。
• 采用分设登录界面的方案完全不需要使用Firebase Admin SDK和Cloud Functions：你只需要提前在Firebase控制台手动给管理员账号的role字段赋值为admin，两个登录入口最终都调用Firebase客户端SDK的登录接口，登录成功后前端拉取当前用户的role字段，自动跳转到对应角色的功能页即可。
• 这套实现方案完全基于Firebase免费能力即可实现，不需要开通Cloud Functions付费服务，没有信用卡也可以正常开发上线。

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