



# 一、WebDB介绍




## 1.1 WebDB 简介
>WebDB 是一个免费、开源的数据库集成开发环境（IDE），专为提升数据库开发与管理效率而设计。它集成了数据浏览、SQL 编辑、结构设计、数据生成等多功能于一体，支持多种数据库系统。基于 Node.js、Docker 和 Angular 构建，提供现代化、响应迅速的操作体验。无论是数据库初学者还是专业开发人员，WebDB 都能显著简化日常数据库操作流程。



## 1.2 WebDB主要特点

- **DBMS 发现与资格猜测**：自动扫描本地网络，发现附近的数据库管理系统并尝试连接。  
- **智能查询编辑器**：基于 Monaco 编辑器，支持语法高亮、自动补全和内联文档提示。  
- **时光机器**：提供长达 200 版本的变更历史，可随时回滚数据库的任意修改。  
- **NoSQL 结构推断**：自动分析文档型数据库的结构，并推断集合之间的关联关系。  
- **现代ERD工具**：通过直观的实体关系图（ERD）可视化数据库模式结构。  
- **智能数据生成器**：自动识别外键和枚举字段，集成 FakerJS 与 Falso 生成逼真测试数据。  














# 二、本次实践规划
## 2.1 本地环境规划
>本次实践为个人测试环境，操作系统版本为 Ubuntu 24.04.2 LTS。


|hostname| IP地址  | 操作系统版本   |Docker版本   |部署项目
|--|--| --|  --|--|
|jeven01 |192.168.3.88  | Ubuntu 24.04.2 LTS| 28.3.3    | WebDB


## 2.2 本次实践介绍
>1.本次实践部署环境为个人测试环境，生产环境请谨慎；
>2.在Docker环境下部署WebDB数据库集成开发环境。






# 三、本地环境检查

## 3.1 检查Docker服务状态
>检查Docker服务是否正常运行，确保Docker正常运行。



```bash
root@jeven:~# systemctl status docker
● docker.service - Docker Application Container Engine
     Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; preset: enabled)
     Active: active (running) since Tue 2025-09-02 11:41:03 UTC; 27s ago
TriggeredBy: ● docker.socket
       Docs: https://docs.docker.com
   Main PID: 782009 (dockerd)
      Tasks: 19
     Memory: 96.5M (peak: 105.5M)
        CPU: 1.750s
     CGroup: /system.slice/docker.service
             └─782009 /usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock
```



## 3.2  检查Docker版本
>检查Docker版本

```bash
root@jeven:~# docker -v
Docker version 28.3.3, build 980b856
```


## 3.3 检查docker compose 版本
>检查Docker compose版本，确保2.0以上版本。


```bash
root@jeven:~# docker -v
Docker version 28.3.3, build 980b856

```


# 四、拉取WebDB镜像
>下载WebDB容器镜像，如下所示：



```bash
docker pull webdb/app:2025.06.10
```


![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/3c2483cabb8fc254fb3bb50f61680fa4.png)



































# 五、部署WebDB服务


## 5.1 创建部署目录
- 创建部署目录

```bash
mkdir -p /data/webdb/{data,ssh}   &&  cd /data/webdb
```





## 5.2 编辑部署文件


>如果使用docker-cli方式部署，则可参考以下命令：


```bash
docker run -d \
   --restart unless-stopped \
   --name webdb \
   -p 22071:22071 \
   -v /data/webdb/data:/usr/src/app/static/version \
   -v /data/webdb/ssh:/root/.ssh \
  webdb/app:2025.06.10
```




>在部署目录下，创建docker-compose.yaml文件，内容如下所示：


```bash
vim docker-compose.yaml
```

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



```






## 5.3 创建WebDB容器
>执行以下命令，创建WebDB容器。


```bash
docker compose up -d
```

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/fed66bf1a368d4e1ede077a48992fd49.png)































## 5.4 查看WebDB容器状态
>检查WebDB容器运行状态，确保WebDB容器正常启动。

```bash
root@jeven:/data/webdb# docker compose ps
WARN[0000] /data/webdb/docker-compose.yaml: the attribute `version` is obsolete, it will be ignored, please remove it to avoid potential confusion
NAME      IMAGE                  COMMAND               SERVICE   CREATED         STATUS         PORTS
webdb     webdb/app:2025.06.10   "node src/index.js"   app       2 minutes ago   Up 2 minutes   0.0.0.0:22071->22071/tcp, [::]:22071->22071/tcp
```




## 5.5 检查WebDB容器日志

>检查容器运行日志，确保WebDB服务正常运行。




```bash
docker compose logs
```





![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/e55c7292e11de405dfd32c7307a5bca9.png)
































# 六、访问WebDB服务















>浏览器地址： `http://<个人的服务器IP>:22071`，访问WebDB首页。如果无法访问，请确保宿主机的防火墙已关闭或已放行相关端口，对于云服务器还需配置相应的安全组规则。

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/b53e35340a5ab8b8b83c523726250ca9.png)









# 七、WebDB基本使用

## 7.1 添加数据库

>点击首页右上角的“Add”选项，进入添加数据库页面。

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/4ebec4d238e1cbc93a55ddfb87064dbe.png)


>这里我们选择数据库类型为MySQL

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/e56fd17567ab5059da2a857b69c454bd.png)


>我们填写完数据库信息后，点击测试后，再点击“Save”保存即可。


![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/09ea892ea767b2570660d70008ba790a.png)
## 7.2 查看数据库信息

>数据库连接成功后，在WebDB首页如下所示：
![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/6261fb5eb126410f42a045f150ced70c.png)


- 查看数据表内容：

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/48fd49a786953f01e9cad92c329a1ba9.png)


# 八、总结


>通过本次实践，我们基于Docker容器化技术成功部署了WebDB数据库集成开发环境，实现了服务的快速搭建与环境的一致性保障。借助Docker Compose的编排能力，整个部署流程标准化、自动化，显著提升了开发环境的搭建效率与可维护性。WebDB提供的可视化管理界面，有效简化了多类型数据库的连接、浏览与操作，为开发调试提供了极大便利。该方案具备良好的可扩展性，为进一步构建本地微服务开发测试环境奠定了坚实基础。



WebDB 是一个免费、开源的数据库集成开发环境（IDE），专为提升数据库开发与管理效率而设计。它集成了数据浏览、SQL 编辑、结构设计、数据生成等多功能于一体，支持多种数据库系统。基于 Node.js、Docker 和 Angular 构建，提供现代化、响应迅速的操作体验。无论是数据库初学者还是专业开发人员，WebDB 都能显著简化日常数据库操作流程。

使用Docker快速部署WebDB：开源数据库集成开发环境搭建指南

编程语言

开发工具

WebDB是一款免费开源的数据库IDE工具，支持MySQL等多种数据库系统，提供智能查询编辑、ERD可视化设计、数据生成等功能。本文详细介绍在Ubuntu系统下使用Docker部署WebDB的完整流程，包括环境检查、镜像拉取、容器创建及服务访问等步骤，帮助开发者快速搭建高效的数据库开发环境。

数据库管理系统

集成开发环境

数据库管理

云服务器

数据库

服务器

防火墙

Docker

容器

NoSQL

MySQL

AI驱动 智领未来

tencentdb-catalog

4核4G3M云服务器 新用户低至38元/年！

腾讯云数据库特惠，新用户首单0.5折起


文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

使用Docker快速部署WebDB：开源数据库集成开发环境搭建指南-腾讯云开发者社区-腾讯云

使用Docker快速部署WebDB：开源数据库集成开发环境搭建指南

使用Docker快速部署WebDB：开源数据库集成开发环境搭建指南

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐