跳到主要内容

Vercel

适用于 Prisma Postgres 的 Vercel Marketplace 集成 将您的 Vercel 项目连接到 Prisma Postgres 实例。连接后，该集成会自动在您部署的 Vercel 应用程序上设置 DATABASE_URL 环境变量。

功能​

  • 无需离开 Vercel 控制面板，即可创建和使用 Prisma Postgres 实例。
  • 自动为生产和预览环境生成 Prisma Postgres URLs 密钥。
  • 简化 Vercel 项目的环境配置。
  • 用于升级/降级您的 Prisma Postgres 定价计划的计费工作流程。
  • 开箱即用的全栈 Next.js 模板（带身份验证）。

用法​

注意：使用 Prisma Postgres 扩展最简单的方法是通过 Next.js Auth 模板。

安装扩展​

要安装扩展，请点击 Prisma Postgres 集成页面 顶部的安装。

该集成现在将显示在您的集成列表中，例如 https://vercel.com/<VERCEL-TEAM>/~/integrations。

创建新数据库​

安装后，您可以导航到存储标签页，然后点击创建数据库。

选择 Prisma Postgres 并点击继续。接着选择数据库的区域和定价计划，然后再次点击继续。

最后，为数据库输入一个名称，然后点击创建。

数据库现已准备就绪，可以连接到您的 Vercel 项目。

将数据库连接到 Vercel 项目​

在您的 Vercel 项目中，您现在可以点击存储标签页，选择您刚刚创建的数据库，然后点击连接。这将在该项目中自动设置 DATABASE_URL 环境变量，使您的应用程序能够访问新创建的 Prisma Postgres 实例。

在 Prisma Studio 中查看和编辑数据​

要在您的 Prisma Postgres 实例中查看和编辑数据，您可以使用本地版本的 Prisma Studio。

在本地项目（其中已设置 DATABASE_URL）中，运行以下命令以打开 Prisma Studio

npx prisma studio

其他注意事项​

确保您的项目使用 DATABASE_URL 环境变量​

确保您的 schema.prisma 文件中的数据源已配置为使用 DATABASE_URL 环境变量

// schema.prisma
generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

在 package.json 的 postinstall 脚本中生成 Prisma Client​

为确保生成的 Prisma Client 库在您部署的 Vercel 项目中可用，您应该在 package.json 文件的 scripts 部分添加一个 postinstall 脚本

package.json
{
  // ...
  "scripts": {
    // ...
    "postinstall": "prisma generate --no-engine"
  }
  //
}

--no-engine 标志确保查询引擎二进制文件不包含在生成的 Prisma Client 库中。使用 Prisma Postgres 时不需要此标志。

示例：部署使用 Prisma Postgres 的 Next.js 模板​

入门时，您可以部署我们的 Next.js 入门模板 并在部署流程中连接到 Prisma Postgres 实例。