我们做什么
全部说明
数据和登录:Supabase

把 Supabase 连接到 Claude

AI 需要 Supabase 项目的四个值,才能建好 App 的数据库。您把它们贴进 App 的密钥文件 .env.local,这个文件只在您的电脑上。千万别贴进聊天。用 Codex 也是同样的步骤。

大约 10 分钟Mac 和 Windows最近核对

为什么贴进文件,不贴进聊天

在聊天里输入的内容都会离开您的电脑,Supabase 自己也建议,密钥绝不要通过聊天、邮件或短信传。App 直接读这个文件,AI 用的时候也不会把密钥读出来。Supabase 也能让 AI 工具连上您的整个账号;我们不这样做,因为这个文件只打开这一个项目。

先准备好

步骤

  1. 第 1 步:让 AI 打开密钥文件

    AI 准备好连接 Supabase 时,会在 App 的文件夹里建一个叫 .env.local 的文件,并帮您打开。接下来几步都别关它。

    Mac
    它会在 文本编辑⁠(TextEdit)里打开。
    Windows
    它会在 记事本⁠(Notepad)里打开。

    您会看到:四行字,每行是一个大写的名字,后面跟着 =,还没有值。两行以 NEXT_PUBLIC 开头,另外两行是 SUPABASE_SECRET_KEY= 和 SUPABASE_DB_URL=。

    如果不一样:没打开?跟 AI 说:请帮我打开 .env.local。

  2. 第 2 步:在 Supabase 里打开 Connect

    在您的 Supabase 项目里,点最上面那排的 Connect,再点 Framework。

    您会看到:Connect to your project,里面有一段 Next.js 的内容,第一行以 NEXT_PUBLIC_SUPABASE_URL= 开头。

  3. 第 3 步:把前两行复制到文件里

    点那段内容上的复制按钮。在您的文件里,选中以 NEXT_PUBLIC 开头的两行空行,粘贴覆盖。

    您会看到:两行的 = 后面都有了值。第一行以 .supabase.co 结尾,第二行以 sb_publishable_ 开头。

    如果不一样:如果那段写的是 ANON_KEY,说明您的项目用的是旧密钥:打开 Project Settings,再点 API Keys,点 Create new API keys,然后回来。

  4. 第 4 步:复制 secret key

    点齿轮图标 Project Settings,再点 API Keys。在 Secret keys⁠(私密密钥)下面,点名叫 default 的那个密钥旁边的复制按钮:它会复制整个密钥,但不显示出来。贴在 SUPABASE_SECRET_KEY= 后面,中间不要空格。

    您会看到:SUPABASE_SECRET_KEY= 这一行后面跟着您的密钥,以 sb_secret_ 开头。

    如果不一样:以 eyJ 开头的长密钥是旧的那种。请用以 sb_secret_ 开头的。

  5. 第 5 步:复制数据库连接

    再点一次 Connect,这次点 Direct。在 Connection Method⁠(连接方式)下面选 Session pooler,复制连接字符串,贴在 SUPABASE_DB_URL= 后面。

    您会看到:一行以 SUPABASE_DB_URL=postgresql:// 开头的内容,中间有 [YOUR-PASSWORD]。

    如果不一样:一定要用 Session pooler 的那一条:家里和办公室的网络都能用。

  6. 第 6 步:填上数据库密码

    在这一行里选中 [YOUR-PASSWORD],连方括号一起,把数据库密码粘贴上去。

    您会看到:原来 [YOUR-PASSWORD] 的位置换成了您的密码,方括号都没了。

    如果不一样:忘了密码?在 Supabase 里点 Database,再点 Settings,在 Reset database password 下面点 Reset password。把新密码贴在这里。

  7. 第 7 步:保存并关闭文件

    Mac
    按 Command-S,然后关掉窗口。
    Windows
    按 Ctrl+S,然后关掉窗口。

    您会看到:窗口直接关掉,没有问您要不要保存。

  8. 第 8 步:告诉 AI 存好了

    输入 好了。不要把密钥贴进聊天。

    您会看到:AI 说已经连上了,然后开始建 App 的数据表。

    如果不一样:如果它说少了某个值,或者值不对,就重新打开文件,检查每一行:值紧跟在 = 后面,没有空格,也没有引号。

  9. 第 9 步:在 Supabase 里看看数据表

    AI 说数据表建好后,点 Supabase 左侧栏的 Table Editor。

    您会看到:App 的数据表都列出来了,比如客户或预约。

    如果不一样:某张表上有红色的 Unrestricted 标记,说明谁都能读它。告诉 AI 是哪张表,它会把它锁好。