drizzle-kit studio

本指南假定您已熟悉:

drizzle-kit studio 命令会启动一个 Drizzle Studio 的服务器,托管在 local.drizzle.studio 上。 它要求你通过 drizzle.config.ts 配置文件指定数据库连接凭据。

默认情况下,它会在 127.0.0.1:4983 上启动一个 Drizzle Studio 服务器

// drizzle.config.ts
import { defineConfig } from "drizzle-kit";

export default defineConfig({
  dialect: "sqlite",
  dbCredentials: {
    url: "./sqlite.db"
  },
});
npx drizzle-kit studio

配置 host 和 port

默认情况下,Drizzle Studio 服务器会在 127.0.0.1:4983 上启动, 你可以通过 CLI 选项配置 host 和 port

npm
yarn
pnpm
bun
npx drizzle-kit studio --port=3000
npx drizzle-kit studio --host=0.0.0.0
npx drizzle-kit studio --host=0.0.0.0 --port=3000

日志

你可以通过提供 verbose 标志来启用每条 SQL 语句的日志记录

npm
yarn
pnpm
bun
npx drizzle-kit studio --verbose

Safari 和 Brave 支持

Safari 和 Brave 默认会阻止访问 localhost。 你需要安装 mkcert 并生成自签名证书:

  1. 按照 mkcert 的 安装步骤 操作
  2. 运行 mkcert -install
  3. 重启你的 drizzle-kit studio

Drizzle Studio 的可嵌入版本

虽然托管版 Drizzle Studio 用于本地开发是永久免费且旨在丰富 Drizzle 生态系统, 但我们为企业提供了可嵌入版 Drizzle Studio 的 B2B 产品。

Drizzle Studio 组件 - 是一个预打包、与框架无关的 Drizzle Studio Web 组件, 你可以将它嵌入到你的 UI 中,例如 React Vue Svelte VanillaJS 等。

如果你提供的是 Database as a SaaS 或基于 SQL 的数据中心型 SaaS 解决方案, 或者用于非面向客户的内部使用,这都是一个极其强大的 UI 元素,能够提升你的产品。

使用 Drizzle Studio 的数据库平台:

使用 Drizzle Studio 的数据中心型平台:

你可以 在这里 阅读详细概述, 如果你感兴趣——请通过 Twitter 私信我们,或在 Discord #drizzle-studio 频道联系我们。

Drizzle Studio Chrome 扩展

Drizzle Studio Chrome 扩展 让你可以直接在各个厂商的管理面板中浏览你的 PlanetScale、 Cloudflare 和 Vercel Postgres 无服务器数据库!

限制

我们的托管版 Drizzle Studio 旨在用于本地开发,不适合在远程环境(VPS 等)中使用。

如果你想将 Drizzle Studio 部署到你的 VPS 上——我们有一个 alpha 版本的 Drizzle Studio Gateway, 请通过 Twitter 私信我们,或在 Discord #drizzle-studio 频道联系我们。

它是开源的吗?

不是。Drizzle ORM 和 Drizzle Kit 是完全开源的,而 Studio 不是。

Drizzle Studio 用于本地开发可以永久免费使用,以丰富 Drizzle 生态系统, 但很遗憾,开源它会破坏我们提供 B2B 产品并实现商业化的能力。