一、docker-port-viewer介紹

1.1 docker-port-viewer簡(jiǎn)介

docker-port-viewer 是一個(gè)現(xiàn)代化的網(wǎng)絡(luò)應(yīng)用程序，旨在幫助用戶輕松查看和操作 Docker 容器的端口。它使用 TypeScript、React 和 Material-UI 構(gòu)建，提供了一個(gè)直觀、響應(yīng)式的用戶界面，方便開(kāi)發(fā)者和系統(tǒng)管理員管理和訪問(wèn)他們的 Docker 容器。

1.2 docker-port-viewer主要特點(diǎn)

• 查看所有正在運(yùn)行的 Docker 容器及其暴露的端口
  • 實(shí)時(shí)展示所有運(yùn)行中容器的基本信息與對(duì)外開(kāi)放的端口。
• 按名稱搜索容器
  • 提供快速搜索功能，幫助您在眾多容器中迅速定位目標(biāo)。
• 按名稱或創(chuàng)建日期排序容器
  • 支持對(duì)容器列表進(jìn)行排序，便于組織和瀏覽。
• 查看容器詳細(xì)信息（名稱、鏡像、狀態(tài)、啟動(dòng)時(shí)間、暴露端口等）
  • 提供全面的容器元數(shù)據(jù)，方便監(jiān)控和調(diào)試。
• 通過(guò)內(nèi)嵌框架直接訪問(wèn)容器網(wǎng)頁(yè)界面
  • 無(wú)需離開(kāi)應(yīng)用即可在嵌入式 iframe 中預(yù)覽容器提供的 Web 頁(yè)面。
• 支持在新標(biāo)簽頁(yè)中打開(kāi)容器網(wǎng)頁(yè)界面
  • 提供快捷鏈接，在新窗口中打開(kāi)容器服務(wù)頁(yè)面，便于深入操作。
• 可自定義訪問(wèn)容器的主機(jī)名
  • 允許用戶配置自定義域名或 IP 地址來(lái)訪問(wèn)容器服務(wù)。
• 集成安全的 Docker 套接字代理
  • 通過(guò)反向代理方式安全地連接 Docker 套接字，防止直接暴露敏感接口。
• 響應(yīng)式設(shè)計(jì)，適配各種設(shè)備
  • 基于 Material-UI 的響應(yīng)式布局，確保在桌面和移動(dòng)設(shè)備上都能良好顯示。

二、本次實(shí)踐規(guī)劃

2.1 本地環(huán)境規(guī)劃

本次實(shí)踐為個(gè)人測(cè)試環(huán)境，操作系統(tǒng)版本為Ubuntu 22.04.1。

2.2 本次實(shí)踐介紹

1.本次實(shí)踐部署環(huán)境為個(gè)人測(cè)試環(huán)境，生產(chǎn)環(huán)境請(qǐng)謹(jǐn)慎；
2.在Docker環(huán)境下部署docker-port-viewer端口查看器。

三、本地環(huán)境檢查

3.1 檢查Docker服務(wù)狀態(tài)

檢查Docker服務(wù)是否正常運(yùn)行，確保Docker正常運(yùn)行。

root@jeven01:~#  systemctl status docker
● docker.service - Docker Application Container Engine
     Loaded: loaded (/lib/systemd/system/docker.service; enabled; vendor preset: enabled)
     Active: active (running) since Wed 2025-07-02 14:16:57 UTC; 21h ago
TriggeredBy: ● docker.socket
       Docs: https://docs.docker.com
   Main PID: 878 (dockerd)
      Tasks: 28
     Memory: 1.2G
        CPU: 1min 50.356s
     CGroup: /system.slice/docker.service
             ├─  878 /usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock

3.2 檢查Docker版本

檢查Docker版本

root@jeven01:~# docker -v
Docker version 27.1.1, build 6312585

3.3 檢查docker compose 版本

檢查Docker compose版本，確保2.0以上版本。

root@jeven01:~# docker compose version
Docker Compose version v2.19.1

四、拉取docker-port-viewer鏡像

拉取docker-port-viewer容器鏡像，如下所示：

docker pull tecnativa/docker-socket-proxy
docker pull docker pull  hollowpnt/docker-port-viewer:latest

五、部署docker-port-viewer服務(wù)

5.1 創(chuàng)建部署目錄

• 創(chuàng)建部署目錄

mkdir -p /data/docker-port-viewer  &&  cd /data/docker-port-viewer

5.2 編輯部署文件

在部署目錄下，創(chuàng)建docker-compose.yaml文件，如下所示：

vim docker-compose.yaml

services:
  # Docker socket proxy for security
  docker-socket:
    image: tecnativa/docker-socket-proxy
    container_name: docker-socket-proxy
    environment:
      - CONTAINERS=1
      - POST=0
      - PUT=0
      - DELETE=0
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock:ro
  # Main application
  docker-port-viewer:
    image: hollowpnt/docker-port-viewer:latest
    container_name: docker-port-viewer
    ports:
      - "3003:80"

5.3 創(chuàng)建docker-port-viewer容器

執(zhí)行以下命令，創(chuàng)建docker-port-viewer容器。

docker compose up -d

5.4 查看docker-port-viewer容器狀態(tài)

檢查docker-port-viewer容器運(yùn)行狀態(tài)，確保docker-port-viewer容器正常啟動(dòng)。

root@jeven01:/data/docker-port-viewer# docker compose ps
NAME                  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-proxy         "docker-entrypoint.s…"   docker-socket        About a minute ago   Up About a minute2375/tcp

5.5 查看docker-port-viewer容器日志

檢查docker-port-viewer容器運(yùn)行日志，確保docker-port-viewer服務(wù)正常運(yùn)行。

docker compose logs

六、訪問(wèn)docker-port-viewer服務(wù)

瀏覽器地址： http://<個(gè)人的服務(wù)器IP>:3003，訪問(wèn)docker-port-viewer的初始頁(yè)。如果無(wú)法訪問(wèn)，請(qǐng)確保宿主機(jī)的防火墻已關(guān)閉或已放行相關(guān)端口，對(duì)于云服務(wù)器還需配置相應(yīng)的安全組規(guī)則。

將hostname改為自己服務(wù)器地址后，可以打開(kāi)宿主機(jī)上的容器服務(wù)。

七、總結(jié)

通過(guò)本次 Docker 項(xiàng)目實(shí)踐，我們成功部署了 docker-port-viewer，實(shí)現(xiàn)了一個(gè)輕量級(jí)但功能強(qiáng)大的容器端口監(jiān)控與訪問(wèn)工具。該工具不僅提升了對(duì)運(yùn)行中容器的可視化管理能力，還簡(jiǎn)化了開(kāi)發(fā)者調(diào)試和操作容器服務(wù)的流程。借助現(xiàn)代前端技術(shù)和安全的 Docker 套接字代理機(jī)制，項(xiàng)目展示了如何將容器管理集成到現(xiàn)代化 Web 應(yīng)用中，具備良好的實(shí)用性和擴(kuò)展性。

到此這篇關(guān)于Docker端口監(jiān)控利器：docker-port-viewer部署全流程實(shí)踐的文章就介紹到這了,更多相關(guān)docker端口監(jiān)控內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論