配置数据库认证仅允许指定邮箱注册？Supabase/Firebase实现咨询

方案可行性说明 #

你提出的邮箱白名单验证和邀请链接注册两种方案均完全可行，能有效阻止陌生人创建账号，适配你40人规模的亲友群体需求。以下是具体实现步骤：

方案一：邮箱白名单验证 #

核心逻辑：预先维护允许注册的邮箱列表，用户提交注册请求时先校验邮箱是否在白名单内，仅通过校验的用户才能完成账号创建。

基于Supabase + Prisma实现 #

1. 准备白名单数据

   • 在Prisma Schema中创建AllowedEmails模型：

     model AllowedEmails {
       id    String @id @default(uuid())
       email String @unique
       createdAt DateTime @default(now())
     }
     

   • 执行prisma migrate dev同步数据库，手动插入40个亲友邮箱到该表。

2. 注册流程校验

   • 在React前端的注册表单提交逻辑中，先调用后端接口校验用户输入的邮箱是否存在（建议同时做后端校验避免前端篡改）：

     // 前端校验逻辑
     const isEmailAllowed = async (email) => {
       const res = await fetch('/api/check-allowed-email', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ email })
       });
       return res.ok && (await res.json()).allowed;
     };
     
     const handleSubmit = async (e) => {
       e.preventDefault();
       const allowed = await isEmailAllowed(formData.email);
       if (!allowed) {
         setError('该邮箱未被授权注册');
         return;
       }
       // 调用Supabase注册接口
       const { error } = await supabase.auth.signUp({
         email: formData.email,
         password: formData.password
       });
       // 处理注册结果
     };
     

   • 后端（如Next.js API路由）实现校验逻辑：

     // /api/check-allowed-email.js
     import { PrismaClient } from '@prisma/client';
     const prisma = new PrismaClient();
     
     export default async function handler(req, res) {
       if (req.method !== 'POST') return res.status(405).end();
       const { email } = req.body;
       const allowedEmail = await prisma.allowedEmails.findUnique({
         where: { email }
       });
       res.status(200).json({ allowed: !!allowedEmail });
     }
     

3. Supabase安全加固

   • 在Supabase的Row Level Security（RLS）规则中，确保仅白名单内的邮箱用户能访问资源：

     -- 针对用户表的RLS规则
     CREATE POLICY "Only allowed users can access their data" ON auth.users
     FOR ALL USING (
       EXISTS (
         SELECT 1 FROM public."AllowedEmails" WHERE email = auth.email()
       )
     );
     

基于Firebase实现 #

1. 存储白名单

   • 在Firebase Firestore中创建allowedEmails集合，每个文档以邮箱地址为ID存储，手动添加40个亲友邮箱。

2. 注册流程校验

   • 前端提交注册前，先查询Firestore校验邮箱：

     const isEmailAllowed = async (email) => {
       const docRef = doc(db, 'allowedEmails', email);
       const docSnap = await getDoc(docRef);
       return docSnap.exists();
     };
     
     const handleSubmit = async (e) => {
       e.preventDefault();
       const allowed = await isEmailAllowed(formData.email);
       if (!allowed) {
         setError('该邮箱未被授权注册');
         return;
       }
       // 调用Firebase注册接口
       try {
         const userCredential = await createUserWithEmailAndPassword(auth, formData.email, formData.password);
         // 处理注册成功逻辑
       } catch (error) {
         // 处理错误
       }
     };
     

   • 启用Firebase Cloud Functions做后端校验（可选，防止前端篡改）：

     // Cloud Functions示例
     exports.checkAllowedEmail = functions.https.onCall(async (data, context) => {
       const { email } = data;
       const docRef = admin.firestore().doc(`allowedEmails/${email}`);
       const docSnap = await docRef.get();
       return { allowed: docSnap.exists() };
     });
     

3. Firebase安全规则

   • 在Firestore安全规则中限制仅白名单用户访问：

     rules_version = '2';
     service cloud.firestore {
       match /databases/{database}/documents {
         match /{document=**} {
           allow read, write: if exists(/databases/$(database)/documents/allowedEmails/$(request.auth.token.email));
         }
       }
     }
     

方案二：邀请链接注册 #

核心逻辑：仅通过你生成的专属邀请链接访问注册页面，链接包含唯一校验码，用户点击链接后才能进入注册流程，完成后校验码失效。

基于Supabase + Prisma实现 #

1. 创建邀请码模型

   • 在Prisma Schema中添加Invites模型：

     model Invites {
       id String @id @default(uuid())
       email String // 可选：绑定指定邮箱，增强安全性
       token String @unique
       used Boolean @default(false)
       expiresAt DateTime
       createdAt DateTime @default(now())
     }
     

   • 执行迁移后，通过脚本批量生成邀请码：

     // 批量生成邀请码脚本
     import { PrismaClient } from '@prisma/client';
     import crypto from 'crypto';
     const prisma = new PrismaClient();
     
     const generateInvites = async () => {
       const emails = ['friend1@example.com', 'friend2@example.com']; // 替换为亲友邮箱
       for (const email of emails) {
         await prisma.invites.create({
           data: {
             email,
             token: crypto.randomUUID(),
             expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000) // 7天有效期
           }
         });
       }
     };
     generateInvites();
     

   • 将包含token的链接（如https://yourapp.com/register?token=xxx）发送给亲友。

2. 注册流程校验

   • 注册页面加载时，从URL参数中获取token并校验：

     // 前端获取token并校验
     const { token } = new URLSearchParams(window.location.search);
     const validateInvite = async (token) => {
       const res = await fetch('/api/validate-invite', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ token })
       });
       return res.ok ? await res.json() : null;
     };
     
     useEffect(() => {
       if (!token) {
         navigate('/'); // 无token则跳转到首页
         return;
       }
       validateInvite(token).then((invite) => {
         if (!invite || invite.used || new Date() > new Date(invite.expiresAt)) {
           setError('邀请链接无效或已过期');
           navigate('/');
         } else {
           setValidInvite(invite); // 存储有效邀请信息
         }
       });
     }, [token]);
     

   • 后端校验并标记邀请码为已使用（可在Supabase注册成功的webhook中处理）：

     // /api/validate-invite.js
     import { PrismaClient } from '@prisma/client';
     const prisma = new PrismaClient();
     
     export default async function handler(req, res) {
       if (req.method !== 'POST') return res.status(405).end();
       const { token } = req.body;
       const invite = await prisma.invites.findUnique({
         where: { token }
       });
       if (!invite || invite.used || new Date() > invite.expiresAt) {
         return res.status(400).json({ valid: false });
       }
       res.status(200).json({ valid: true, email: invite.email });
     }
     

基于Firebase实现 #

1. 创建邀请码集合

   • 在Firestore中创建invites集合，每个文档包含token、email（可选）、used、expiresAt字段，手动或通过脚本生成邀请码并发送给亲友。

2. 注册页面校验邀请链接

   • 前端获取URL中的token，查询Firestore校验有效性：

     const { token } = new URLSearchParams(window.location.search);
     const validateInvite = async (token) => {
       const docRef = doc(db, 'invites', token);
       const docSnap = await getDoc(docRef);
       if (!docSnap.exists()) return null;
       const invite = docSnap.data();
       if (invite.used || new Date() > invite.expiresAt.toDate()) return null;
       return invite;
     };
     
     useEffect(() => {
       if (!token) {
         navigate('/');
         return;
       }
       validateInvite(token).then((invite) => {
         if (!invite) {
           setError('邀请链接无效');
           navigate('/');
         } else {
           setValidInvite(invite);
         }
       });
     }, [token]);
     

3. 注册完成后标记邀请码为已使用

   • 用户注册成功后，更新邀请码状态：

     const handleSubmit = async (e) => {
       e.preventDefault();
       try {
         const userCredential = await createUserWithEmailAndPassword(auth, validInvite.email, formData.password);
         // 标记邀请码为已使用
         await updateDoc(doc(db, 'invites', token), { used: true });
       } catch (error) {
         // 处理错误
       }
     };
     

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