认证

创建用于SSR的Supabase客户端

配置您的Supabase客户端以使用cookies


要在 Supabase 中使用服务器端渲染 (SSR),您需要配置 Supabase 客户端以使用 cookies。@supabase/ssr 包可以帮助您在 JavaScript/TypeScript 应用中实现这一点。

安装

安装 @supabase/ssr@supabase/supabase-js 包:

1
npm install @supabase/ssr @supabase/supabase-js

设置环境变量

在您的环境变量文件中,设置 Supabase URL 和 Supabase Anon Key:

Project URL
Anon key
1
2
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_urlNEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

创建客户端

您需要一些一次性设置代码来配置您的 Supabase 客户端以使用 cookies。一旦工具代码设置完成,您就可以使用新的 createClient 工具函数来获取正确配置的 Supabase 客户端。

在浏览器端运行的代码中使用浏览器客户端,在服务器端运行的代码中使用服务器客户端。

以下代码示例适用于 App Router。如需 Pages Router 的帮助,请参阅 Next.js 服务端认证指南

后续步骤