fwoeck/docker-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add network illustration

Browse Source
This commit is contained in:
Frank Woeckener
2025-03-19 09:54:27 +01:00
parent 3011456ddc
commit d6848f7bdd
2 changed files with 64 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
04 docker-compose-basics.md
View File

@@ -54,6 +54,10 @@ echo "DB_PASSWORD=secret" > .env
docker-compose up -d
```
## Schaubild Docker-Netzwerke
![Docker Networks](docker-networks.svg)
### Netzwerke zwischen Containern
```bash
docker-compose exec web ping db
@@ -145,4 +149,4 @@ docker-compose down -v --remove-orphans
# Neu bauen und starten
docker-compose build --no-cache
docker-compose up -d
```
```

59
docker-networks.svg Normal file
View File

@@ -0,0 +1,59 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 658 532">
<rect width="656.64" height="530.694" fill="#f5f5f5" style="" y="0.603" x="0.565"/>
<rect x="28.584" y="47.916" width="600" height="455.509" fill="#e6e6e6" stroke="#333" stroke-width="2" style=""/>
<text x="327.55" y="74.105" font-family="Arial" font-size="18" text-anchor="middle" style="white-space: pre; font-size: 18px;">Host System (192.168.1.10)</text>
<rect x="48.636" y="88.126" width="270" height="378.39" fill="#d9edf7" stroke="#333" stroke-width="1" style=""/>
<text x="183.636" y="108.124" font-family="Arial" font-size="16" text-anchor="middle" font-weight="bold" style="white-space: pre; font-size: 16px;">Bridge Network Mode</text>
<rect x="68.636" y="128.124" width="230" height="80" fill="#dff0d8" stroke="#333" stroke-width="1"/>
<text x="183.636" y="148.124" font-family="Arial" font-size="14" text-anchor="middle" style="white-space: pre; font-size: 14px;">Docker Daemon</text>
<rect x="78.636" y="158.124" width="210" height="40" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text x="183.636" y="183.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">docker0 Bridge (172.17.0.1/16)</text>
<rect x="78.636" y="228.124" width="100" height="70" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text style="font-family: Arial; font-size: 12px; text-anchor: middle; white-space: pre; text-decoration: underline solid color(srgb 0 0 0 / 0.85);" x="128.636" y="248.124">Container 1</text>
<text x="128.636" y="268.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">172.17.0.2</text>
<text x="128.636" y="288.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">Port 80→8080</text>
<rect x="188.636" y="228.124" width="100" height="70" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text style="font-family: Arial; font-size: 12px; text-anchor: middle; white-space: pre; text-decoration: underline solid color(srgb 0 0 0 / 0.85);" x="238.636" y="248.124">Container 2</text>
<text x="238.636" y="268.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">172.17.0.3</text>
<text x="238.636" y="288.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">Port 80→8081</text>
<rect x="68.501" y="318.124" width="230" height="120.899" fill="#d9edf7" stroke-width="1" stroke-dasharray="5,2" style="stroke: rgb(188, 188, 188);"/>
<rect x="78.636" y="358.124" width="100" height="70" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text style="font-family: Arial; font-size: 12px; text-anchor: middle; white-space: pre; text-decoration: underline solid color(srgb 0 0 0 / 0.85);" x="128.636" y="378.124">Container 3</text>
<text x="128.636" y="398.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">172.18.0.2</text>
<text x="128.636" y="418.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">DNS-Auflösung</text>
<rect x="188.636" y="358.124" width="100" height="70" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text style="font-family: Arial; font-size: 12px; text-anchor: middle; white-space: pre; text-decoration: underline solid color(srgb 0 0 0 / 0.85);" x="238.636" y="378.124">Container 4</text>
<text x="238.636" y="398.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">172.18.0.3</text>
<text x="238.636" y="418.124" font-family="Arial" font-size="10" text-anchor="middle" style="white-space: pre; font-size: 10px;">DNS-Auflösung</text>
<rect x="338.148" y="88.626" width="270" height="377.947" fill="#fcf8e3" stroke="#333" stroke-width="1" style=""/>
<text x="473.636" y="108.124" font-family="Arial" font-size="16" text-anchor="middle" font-weight="bold" style="white-space: pre; font-size: 16px;">Host Network Mode</text>
<rect x="358.636" y="128.124" width="230" height="80" fill="#dff0d8" stroke="#333" stroke-width="1"/>
<text x="473.636" y="148.124" font-family="Arial" font-size="14" text-anchor="middle" style="white-space: pre; font-size: 14px;">Docker Daemon</text>
<text x="473.636" y="178.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">Verwendet Host-Netzwerk direkt</text>
<rect x="358.636" y="228.124" width="230" height="170" fill="#ffffff" stroke="#333" stroke-width="1"/>
<text style="font-family: Arial; font-size: 14px; text-anchor: middle; white-space: pre; text-decoration: underline solid color(srgb 0 0 0 / 0.85);" x="473.636" y="257.124">Container im Host-Netzwerk</text>
<text x="473.636" y="287.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">IP: 192.168.1.10 (Host IP)</text>
<text x="473.636" y="317.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">Portzugriff direkt:</text>
<text x="473.636" y="347.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">Port 80 → Port 80</text>
<text x="473.636" y="377.124" font-family="Arial" font-size="12" text-anchor="middle" style="white-space: pre; font-size: 12px;">Port 443 → Port 443</text>
<rect x="28.627" y="466.907" width="600" height="36.301" fill="#ffffff" stroke="#333" stroke-width="1" style=""/>
<text x="328.193" y="490.171" font-family="Arial" font-size="14" text-anchor="middle" style="white-space: pre; font-size: 14px;">Internet / Externes Netzwerk</text>
<line x1="183.636" y1="198.124" x2="128.636" y2="228.124" stroke-width="1" style="stroke: rgb(188, 188, 188);"/>
<line x1="183.636" y1="198.124" x2="238.636" y2="228.124" stroke-width="1" style="stroke: rgb(188, 188, 188);"/>
<line x1="183.636" y1="318.124" x2="128.636" y2="358.124" stroke-width="1" stroke-dasharray="5,2" style="stroke: rgb(188, 188, 188);"/>
<line x1="183.636" y1="318.124" x2="238.636" y2="358.124" stroke-width="1" stroke-dasharray="5,2" style="stroke: rgb(192, 192, 192);"/>
<line x1="183.636" y1="208.124" x2="183.636" y2="467.418" stroke-width="1" stroke-dasharray="3,3" style="stroke: rgb(188, 188, 188);"/>
<text x="192.629" y="458.734" font-family="Arial" font-size="10" text-anchor="start" style="white-space: pre; font-size: 10px;">NAT</text>
<line x1="473.636" y1="398.124" x2="473.636" y2="465.751" stroke="#333" stroke-width="2" style=""/>
<text x="483.636" y="458.124" font-family="Arial" font-size="10" text-anchor="start" style="white-space: pre; font-size: 10px;">Direkt</text>
<rect x="48.636" y="18.124" width="15" height="15" fill="#d9edf7" stroke="#333" stroke-width="1"/>
<text x="68.636" y="31.124" font-family="Arial" font-size="12" text-anchor="start" style="white-space: pre; font-size: 12px;">Bridge Network</text>
<rect x="178.636" y="18.124" width="15" height="15" fill="#fcf8e3" stroke="#333" stroke-width="1"/>
<text x="198.636" y="31.124" font-family="Arial" font-size="12" text-anchor="start" style="white-space: pre; font-size: 12px;">Host Network</text>
<line x1="308.636" y1="26.124" x2="338.636" y2="26.124" stroke="#333" stroke-width="1" stroke-dasharray="5,2"/>
<text x="343.636" y="31.124" font-family="Arial" font-size="12" text-anchor="start" style="white-space: pre; font-size: 12px;">Benutzerdefiniert</text>
<line x1="478.636" y1="26.124" x2="508.636" y2="26.124" stroke="#333" stroke-width="1"/>
<text x="513.636" y="31.124" font-family="Arial" font-size="12" text-anchor="start" style="white-space: pre; font-size: 12px;">Direkter Zugriff</text>
<text style="font-family: Arial; font-size: 11px; white-space: pre;" transform="matrix(1, 0, 0, 1, -104.521194, 0)"><tspan x="183.631" y="335.735">Benutzerdefiniertes</tspan><tspan x="183.631" dy="1em">​</tspan><tspan> Bridge Network (172.18.0.0/16)</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB