Docker端口监控利器：docker-port-viewer部署全流程实践

Docker端口监控利器docker-port-viewer部署全流程实践一、docker-port-viewer介绍1.1 docker-port-viewer简介1.2 docker-port-viewer主要特点二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、拉取docker-port-viewer镜像五、部署docker-port-viewer服务5.1 创建部署目录5.2 编辑部署文件5.3 创建docker-port-viewer容器5.4 查看docker-port-viewer容器状态5.5 查看docker-port-viewer容器日志六、访问docker-port-viewer服务七、总结一、docker-port-viewer介绍1.1 docker-port-viewer简介docker-port-viewer是一个现代化的网络应用程序旨在帮助用户轻松查看和操作 Docker 容器的端口。它使用TypeScript、React 和 Material-UI构建提供了一个直观、响应式的用户界面方便开发者和系统管理员管理和访问他们的 Docker 容器。1.2 docker-port-viewer主要特点查看所有正在运行的 Docker 容器及其暴露的端口实时展示所有运行中容器的基本信息与对外开放的端口。按名称搜索容器提供快速搜索功能帮助您在众多容器中迅速定位目标。按名称或创建日期排序容器支持对容器列表进行排序便于组织和浏览。查看容器详细信息名称、镜像、状态、启动时间、暴露端口等提供全面的容器元数据方便监控和调试。通过内嵌框架直接访问容器网页界面无需离开应用即可在嵌入式 iframe 中预览容器提供的 Web 页面。支持在新标签页中打开容器网页界面提供快捷链接在新窗口中打开容器服务页面便于深入操作。可自定义访问容器的主机名允许用户配置自定义域名或 IP 地址来访问容器服务。集成安全的 Docker 套接字代理通过反向代理方式安全地连接 Docker 套接字防止直接暴露敏感接口。响应式设计适配各种设备基于 Material-UI 的响应式布局确保在桌面和移动设备上都能良好显示。二、本次实践规划2.1 本地环境规划本次实践为个人测试环境操作系统版本为Ubuntu 22.04.1。hostnameIP地址操作系统版本Docker版本部署项目jeven01192.168.3.88Ubuntu 22.04.1 LTS27.1.1docker-port-viewer2.2 本次实践介绍1.本次实践部署环境为个人测试环境生产环境请谨慎2.在Docker环境下部署docker-port-viewer端口查看器。三、本地环境检查3.1 检查Docker服务状态检查Docker服务是否正常运行确保Docker正常运行。rootjeven01:~# systemctl status docker● docker.service - Docker Application Container Engine Loaded: loaded(/lib/systemd/system/docker.service;enabled;vendor preset: enabled)Active: active(running)since Wed2025-07-0214:16:57 UTC;21h ago TriggeredBy: ● docker.socket Docs: https://docs.docker.com Main PID:878(dockerd)Tasks:28Memory:1.2G CPU: 1min50.356s CGroup: /system.slice/docker.service ├─878/usr/bin/dockerd-Hfd://--containerd/run/containerd/containerd.sock3.2 检查Docker版本检查Docker版本rootjeven01:~# docker -vDocker version27.1.1, build63125853.3 检查docker compose 版本检查Docker compose版本确保2.0以上版本。rootjeven01:~# docker compose versionDocker Compose version v2.19.1四、拉取docker-port-viewer镜像拉取docker-port-viewer容器镜像如下所示dockerpull tecnativa/docker-socket-proxydockerpulldockerpull hollowpnt/docker-port-viewer:latest五、部署docker-port-viewer服务5.1 创建部署目录创建部署目录mkdir-p/data/docker-port-viewercd/data/docker-port-viewer5.2 编辑部署文件在部署目录下创建docker-compose.yaml文件如下所示vimdocker-compose.yamlservices:# Docker socket proxy for securitydocker-socket:image:tecnativa/docker-socket-proxycontainer_name:docker-socket-proxyenvironment:-CONTAINERS1-POST0-PUT0-DELETE0volumes:-/var/run/docker.sock:/var/run/docker.sock:ro# Main applicationdocker-port-viewer:image:hollowpnt/docker-port-viewer:latestcontainer_name:docker-port-viewerports:-3003:805.3 创建docker-port-viewer容器执行以下命令创建docker-port-viewer容器。dockercompose up-d5.4 查看docker-port-viewer容器状态检查docker-port-viewer容器运行状态确保docker-port-viewer容器正常启动。rootjeven01:/data/docker-port-viewer# docker compose psNAME IMAGE COMMAND SERVICE CREATED STATUSPORTS docker-port-viewer hollowpnt/docker-port-viewer:latest/docker-entrypoint.…docker-port-viewer About a minute ago Up About a minute0.0.0.0:3003-80/tcp,[::]:3003-80/tcp docker-socket-proxy tecnativa/docker-socket-proxydocker-entrypoint.s…docker-socket About a minute ago Up About a minute2375/tcp5.5 查看docker-port-viewer容器日志检查docker-port-viewer容器运行日志确保docker-port-viewer服务正常运行。dockercompose logs六、访问docker-port-viewer服务浏览器地址http://个人的服务器IP:3003访问docker-port-viewer的初始页。如果无法访问请确保宿主机的防火墙已关闭或已放行相关端口对于云服务器还需配置相应的安全组规则。将hostname改为自己服务器地址后可以打开宿主机上的容器服务。七、总结通过本次 Docker 项目实践我们成功部署了docker-port-viewer实现了一个轻量级但功能强大的容器端口监控与访问工具。该工具不仅提升了对运行中容器的可视化管理能力还简化了开发者调试和操作容器服务的流程。借助现代前端技术和安全的 Docker 套接字代理机制项目展示了如何将容器管理集成到现代化 Web 应用中具备良好的实用性和扩展性。