UML EditorСправочникПримерыБлок-схемыОткрыть редактор

Примеры / Диаграмма развёртывания веб-приложения

Диаграмма развёртывания веб-приложения

Диаграмма развёртывания показывает, на каком оборудовании и в каких средах выполняются части системы и как они соединены.

Диаграмма развёртывания веб-приложения

Что показано

  • Узлы (node) рисуются параллелепипедами, тип уточняется стереотипом.
  • Артефакты — файлы, которые разворачиваются на узлах.
  • На линиях подписаны протоколы и порты.

Открыть в редакторе и изменить

Код UML-диаграммы (PlantUML)

@startuml
node "Компьютер пользователя" <<device>> as PC {
  artifact "Браузер" as Browser
}
node "Балансировщик" <<server>> as LB {
  artifact "nginx" as Nginx
}
node "Сервер приложений 1" <<server>> as App1 {
  node "Docker" <<executionEnvironment>> as D1 {
    artifact "backend.jar" as Jar1
  }
}
node "Сервер приложений 2" <<server>> as App2 {
  node "Docker" <<executionEnvironment>> as D2 {
    artifact "backend.jar" as Jar2
  }
}
node "Сервер БД" <<server>> as DbSrv {
  database "PostgreSQL" as PG
}
node "Кеш" <<server>> as CacheSrv {
  database "Redis" as Redis
}
Browser --> Nginx : HTTPS :443
Nginx --> Jar1 : HTTP :8080
Nginx --> Jar2 : HTTP :8080
Jar1 --> PG : TCP :5432
Jar2 --> PG : TCP :5432
Jar1 --> Redis : TCP :6379
Jar2 --> Redis : TCP :6379
@enduml

Как устроен синтаксис, описано в справочнике: Диаграмма развёртывания UML.

Другие примеры