PlantUML Server

@startuml
skinparam Style strictuml
skinparam SequenceMessageAlignment center

actor User as "Navigateur Utilisateur"

box "Proxy Stack" #F9F9F9
    participant Proxy as "Nginx\n(showcase-proxy)"
end box

box "Frontend Stack" #E3F2FD
    participant Front as "Node SSR\n(showcase-frontend)"
end box

box "API Stack" #FFF3E0
    participant API as "FastAPI\n(showcase-api)"
end box

box "DB Stack" #E8F5E9
    participant DB as "PostgreSQL\n(showcase-db)"
end box

== Flux Page Web (SSR) ==

User -> Proxy : GET /
Proxy -> Front : proxy_pass http://showcase-frontend:3000
activate Front
Front -> API : HTTP GET http://showcase-api:8000/
activate API
API -> DB : Query showcase-db:5432
activate DB
DB --> API : Data result
deactivate DB
API --> Front : JSON Response
deactivate API
Front --> Proxy : HTML Rendered Page
deactivate Front
Proxy --> User : HTTP 200 OK (Page)

== Flux API Directe (avec Cache) ==

User -> Proxy : GET /api/status
Proxy -> Proxy : Check Cache (X-Cache-Status)
alt Cache HIT
    Proxy --> User : HTTP 200 OK (Cached JSON)
else Cache MISS
    Proxy -> API : rewrite & proxy_pass http://showcase-api:8000/status
    activate API
    API -> DB : Query showcase-db:5432
    activate DB
    DB --> API : Data result
    deactivate DB
    API --> Proxy : JSON Response
    deactivate API
    Proxy -> Proxy : Store in Cache (10s)
    Proxy --> User : HTTP 200 OK (Fresh JSON)
end

note over Proxy, DB
  Communication interne via le réseau externe: showcase-net
  Seul le port 80 du Proxy est exposé à l'utilisateur
end note
@enduml

PlantUML Server

Settings

Import Diagram

Export Diagram