基于Basic Auth创建Supabase客户端：Next.js Webhook鉴权问题

你遇到的核心问题是：Supabase API要求使用Bearer格式的认证令牌，但外部系统传递的是Basic Auth头，无法直接用于创建有权限的Supabase客户端。解决思路是先解析Basic Auth中的凭证，调用Supabase登录接口换取Bearer令牌，再用该令牌初始化可正常交互的客户端。

具体实现步骤： #

1. 解析Basic Auth请求头
   外部系统发送的Authorization头格式为Basic <base64编码的用户名:密码>，需要解码提取出实际的邮箱和密码：

const authHeader = req.headers.get('authorization');
if (!authHeader || !authHeader.startsWith('Basic ')) {
  return new Response('Unauthorized', { status: 401 });
}

// 解码Basic Auth凭证
const base64Credentials = authHeader.split(' ')[1];
const credentials = Buffer.from(base64Credentials, 'base64').toString('utf8');
const [email, password] = credentials.split(':');

2. 调用Supabase登录接口获取Bearer令牌
   用解析出的邮箱和密码，通过匿名Supabase客户端调用signInWithPassword方法，获取包含访问令牌的会话：

// 初始化匿名客户端用于登录操作
const supabaseAnon = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
  { auth: { persistSession: false } }
);

const { data: { session }, error } = await supabaseAnon.auth.signInWithPassword({
  email,
  password,
});

if (error || !session) {
  return new Response('Invalid credentials', { status: 401 });
}

3. 用Bearer令牌创建有权限的Supabase客户端
   利用登录返回的session.access_token设置Authorization头，创建可正常操作数据库的客户端：

const supabaseClient = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
  {
    auth: { persistSession: false },
    global: {
      headers: {
        Authorization: `Bearer ${session.access_token}`,
      },
    },
  }
);

// 现在可通过该客户端执行数据库操作
const { data, error: dbError } = await supabaseClient.from('your_table').select('*');

关键说明： #

• 必须通过匿名客户端完成登录流程，因为Supabase的signInWithPassword接口无需预先认证，仅需正确的用户凭证即可返回令牌。
• 登录获取的access_token默认有效期为1小时，足以支撑单次Webhook请求的处理。
• 确保Webhook使用的用户已在Supabase中创建，且凭证准确，否则登录会失败。

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