当前位置：首页 > news >正文

Docker应用端口查看器docker-port-viewer

news 来源：原创 2025/4/20 5:16:58

在这里插入图片描述

简介

什么是 Docker Port Viewer ？

Docker Port Viewer 是一个现代的 web 应用程序，旨在查看并与 Docker 容器的端口互动。它使用 TypeScript、React 和 Material-UI 构建，提供用户友好的界面来管理和访问 Docker 容器。

主要特点

查看运行中的 Docker 容器：
- 显示所有正在运行的 Docker 容器及其暴露的端口。
搜索功能：
- 允许根据容器名称搜索容器。
排序选项：
- 可以按名称或创建日期对容器进行排序。
容器详细信息：
- 提供容器名称、镜像名称、状态、启动时间和暴露的端口等信息。
直接访问容器的 web 界面：
- 通过内置的 iframe 查看器或新标签选项进行访问。
- 支持可自定义的主机名来访问容器。
安全集成：
- 使用 Docker socket 代理（如 tecnativa/docker-socket-proxy）确保安全访问 Docker API，限制操作权限。
响应式设计：
- 采用 Material-UI 设计，适配各种设备。

应用场合

开发环境：开发人员可以使用此工具快速查看和管理本地 Docker 容器。
测试：在测试阶段，方便地访问和监控运行的服务。
教育与培训：作为学习 Docker 和容器管理的工具，帮助用户理解容器的工作原理。
生产监控：在生产环境中，提供对运行容器的可视化管理，便于运维人员快速响应问题。

Docker Port Viewer 是一个非常实用的工具，适用于需要管理多个 Docker 容器的场景。

安装

在群晖上以 Docker 方式安装。

采用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

services:# Docker socket proxy for securitydocker-socket:image: tecnativa/docker-socket-proxycontainer_name: docker-socket-proxyenvironment:- CONTAINERS=1- POST=0- PUT=0- DELETE=0volumes:- /var/run/docker.sock:/var/run/docker.sock:ro# Main applicationdocker-port-viewer:image: hollowpnt/docker-port-viewer:latestcontainer_name: docker-port-viewerports:- "3003:80"

关于环境变量的简单说明

可变	值
`CONTAINERS`	设为 `1`，表示仅允许容器列表
`POST`	设为 `0`，表示禁用 `POST` 操作
`PUT`	设为 `0`，表示禁用 `PUT` 操作
`DELETE`	设为 `0`，表示禁用 `DELETE` 操作

然后执行下面的命令

# 新建文件夹 dpv 
mkdir -p /volume1/docker/dpv# 进入 dpv 目录
cd /volume1/docker/dpv# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d

运行

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

需要将 Hostname 从 localhost 改为主机的 IP

否则访问链接会空白打不开

支持按容器名称进行搜索

参考文档

hollowpnt92/docker-port-viewer
地址：https://github.com/hollowpnt92/docker-port-viewer

Docker Port Viewer v0.1 - self hosted front end for Docker-Socket-Proxy : r/selfhosted
地址：https://www.reddit.com/r/selfhosted/comments/1jwudrx/docker_port_viewer_v01_self_hosted_front_end_for/