高效数据库开发工具WebDB

简介

什么是 WebDB ?

WebDB 是一个全面且免费的数据库集成开发环境 (IDE),旨在最大限度地提高数据库开发和管理的效率。它是一个多合一的平台,包含一系列基本工具,包括数据查看器、查询编辑器、数据生成器等。适合各种数据库操作。

主要特点

  1. DBMS 自动发现与凭证猜测:自动查找附近的数据库管理系统(DBMS),简化连接过程。
  2. 查询编辑器:集成 Monaco 编辑器,支持自动补全和文档功能,提高查询编写效率。
  3. 时间机器:提供版本历史记录,允许用户恢复数据库的任意更改,最多支持 200 个版本。
  4. NoSQL 结构推断:自动推断文档结构及集合之间的关系,增强对 NoSQL 数据库的支持。
  5. 现代实体关系图(ERD):可视化数据库结构,帮助用户理解数据库设计。
  6. 智能数据生成器:自动检测并填充外键和枚举值,集成 FakerJSFalso 进行数据生成。
  7. 支持 Docker:提供 Docker 安装选项,便于快速部署。

应用场景

  • 数据库开发:适合开发人员使用,提供高效的查询编写和测试环境。
  • 数据库管理:数据库管理员可以使用 WebDB 进行日常管理和监控,简化操作流程。
  • 学习与实验:新手可以利用该工具学习数据库概念和操作,快速上手。
  • 团队协作:支持多用户功能,适合团队在数据库项目中的协作开发。

WebDB 是一个功能强大的数据库 IDE,适用于开发、管理和学习数据库。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 webdb ,选择第一个 webdb/app,版本选择 latest

本文写作时, latest 版本对应为 2025.06.10

docker 文件夹中,创建一个新文件夹 webdb,并在其中建两个子文件夹 datassh

文件夹 装载路径 说明
docker/webdb/data /usr/src/app/static/version 用于存储数据库版本(又名 Time Machine
docker/webdb/ssh /root/.ssh 包含 SSH 密钥和配置文件,如果挂载到宿主机的 SSH 配置目录,最好设为只读

端口

本地端口不冲突就行,不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
22071 22071

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 新建文件夹 webdb 和 子目录
mkdir -p /volume1/docker/webdb/{data,ssh}

# 进入 webdb 目录
cd /volume1/docker/webdb

# 运行容器
docker run -d \
--restart unless-stopped \
--name webdb \
-p 22071:22071 \
-v $(pwd)/data:/usr/src/app/static/version \
-v $(pwd)/ssh:/root/.ssh \
webdb/app

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
10
11
12
version: '3'

services:
webdb:
image: webdb/app
container_name: webdb
restart: unless-stopped
ports:
- 22071:22071
volumes:
- ./data:/usr/src/app/static/version
- ./ssh:/root/.ssh

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 webdb 和 子目录
mkdir -p /volume1/docker/webdb/{data,ssh}

# 进入 webdb 目录
cd /volume1/docker/webdb

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:22071 就能看到主界面

Add 后,选择数据库的类型

以群晖自带的 MariaDB 为例

浏览数据

查看 ERD

这里面最有用的是 SSH Tunnel,因为在实际使用时,数据库一般不会有公网地址,需要通过 SSH 服务器进行中转连接

另外,AI 的加持,也让你有了数据库助手,可以使用自然语言生成查询语句等

参考文档

WebDB-App/app: Efficient Database IDE
地址:https://github.com/WebDB-App/app

WebDB – Open Source and Efficient Database IDE
地址:https://webdb.app/

Welcome to WebDB Documentation | WebDB
地址:https://docs.webdb.app/