49 lines
4.0 KiB
XML
49 lines
4.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 1180" role="img" aria-labelledby="title desc">
|
|
<title id="title">Путь запроса через локальный Docker Compose стек</title>
|
|
<desc id="desc">Вертикальная схема показывает путь от браузера на хосте к опубликованному порту API, затем к базе по имени db во внутренней сети и к named volume PostgreSQL.</desc>
|
|
<defs>
|
|
<linearGradient id="background" x1="0" x2="1" y1="0" y2="1">
|
|
<stop stop-color="#13233d"/>
|
|
<stop offset="1" stop-color="#1d314e"/>
|
|
</linearGradient>
|
|
<marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
|
|
<path d="M 0 0 L 10 5 L 0 10 z" fill="#fbbf24"/>
|
|
</marker>
|
|
</defs>
|
|
<rect width="720" height="1180" rx="36" fill="url(#background)"/>
|
|
<text x="56" y="72" fill="#f8fafc" font-family="Arial, sans-serif" font-size="32" font-weight="700">Путь одного запроса</text>
|
|
<text x="56" y="108" fill="#cbd8e8" font-family="Arial, sans-serif" font-size="21">У каждой стрелки свой наблюдатель</text>
|
|
|
|
<rect x="56" y="154" width="608" height="138" rx="20" fill="#24425e" stroke="#7dd3fc" stroke-width="2"/>
|
|
<text x="88" y="204" fill="#bcecff" font-family="Arial, sans-serif" font-size="21" font-weight="700">ХОСТ</text>
|
|
<text x="88" y="244" fill="#ffffff" font-family="Arial, sans-serif" font-size="28" font-weight="700">Браузер</text>
|
|
<text x="88" y="274" fill="#d9effd" font-family="Arial, sans-serif" font-size="20">localhost:3000</text>
|
|
|
|
<path d="M360 292 V358" stroke="#fbbf24" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<text x="390" y="336" fill="#fde68a" font-family="Arial, sans-serif" font-size="20">опубликованный порт</text>
|
|
|
|
<rect x="56" y="376" width="608" height="190" rx="20" fill="#25484a" stroke="#5eead4" stroke-width="2"/>
|
|
<text x="88" y="426" fill="#9cf4e1" font-family="Arial, sans-serif" font-size="21" font-weight="700">CONTAINER API</text>
|
|
<text x="88" y="466" fill="#ffffff" font-family="Arial, sans-serif" font-size="28" font-weight="700">Node process</text>
|
|
<text x="88" y="502" fill="#dcfce7" font-family="Arial, sans-serif" font-size="20">DATABASE_HOST = db</text>
|
|
<text x="88" y="536" fill="#dcfce7" font-family="Arial, sans-serif" font-size="20">localhost здесь — сам api</text>
|
|
|
|
<path d="M360 566 V638" stroke="#fbbf24" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<text x="390" y="614" fill="#fde68a" font-family="Arial, sans-serif" font-size="20">bridge-сеть Compose</text>
|
|
|
|
<rect x="56" y="656" width="608" height="168" rx="20" fill="#493653" stroke="#d8b4fe" stroke-width="2"/>
|
|
<text x="88" y="706" fill="#ead5ff" font-family="Arial, sans-serif" font-size="21" font-weight="700">SERVICE DB</text>
|
|
<text x="88" y="746" fill="#ffffff" font-family="Arial, sans-serif" font-size="28" font-weight="700">PostgreSQL</text>
|
|
<text x="88" y="780" fill="#f3e8ff" font-family="Arial, sans-serif" font-size="20">принимает соединение db:5432</text>
|
|
|
|
<path d="M360 824 V894" stroke="#fbbf24" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<text x="390" y="870" fill="#fde68a" font-family="Arial, sans-serif" font-size="20">постоянные данные</text>
|
|
|
|
<rect x="56" y="912" width="608" height="126" rx="20" fill="#302b4f" stroke="#c4b5fd" stroke-width="2"/>
|
|
<text x="88" y="960" fill="#ddd6fe" font-family="Arial, sans-serif" font-size="21" font-weight="700">NAMED VOLUME</text>
|
|
<text x="88" y="1000" fill="#ffffff" font-family="Arial, sans-serif" font-size="26" font-weight="700">postgres_data</text>
|
|
|
|
<rect x="56" y="1072" width="608" height="60" rx="16" fill="#1a2b42" stroke="#94a3b8" stroke-width="2"/>
|
|
<text x="82" y="1111" fill="#e2e8f0" font-family="Arial, sans-serif" font-size="20">«Контейнер Up» не равен готовому ответу</text>
|
|
</svg>
|