Демо-архитектура магазина

Здесь представлены: технологический стек проекта, архитектура приложений, их взаимодействие.

• Модель описания архитектуры
• Цвет фона элементов
• Общий вид

Модель описания архитектуры

[наверх]

Архитектура проекта оформлена на языке Structurizr и визуализирована с помощью Structurizr Site Generatr в рамках модели C4, где имеется 4 уровня детализации архитектуры:

• контекст - показывает интеграции программной системы с другими системами
• контейнеры - показывает, из чего состоит программная система
• компоненты - показывает, из чего состоит контейнер
• код - показывает процессы (см. пример)

В описаниях REST API, с целью уменьшения «визуального шума», не указаны HTTP-статусы ответов, общие для всех операций:

• 401 - из-за отсутствия аутентификации пользователь неизвестен (для операций, недоступных анонимным пользователям)
• 403 - аутентификация валидна, но текущий пользователь не имеет прав на выполнение конкретной операции
• 400 - неверные данные в запросе, например отсутствует обязательный параметр, неверный формат даты и т.п.
• 500 - внутренняя ошибка сервера

Цвет фона элементов

[наверх]

• зелёный - клиенты, приложения на стороне клиента и запросы от них
• синий - приложения на стороне сервера и запросы от них
• коричневый - элементы серверной инфраструктуры и запросы от них
• оранжевый - базы данных и запросы к ним
• серый - внешние системы («третьи стороны»)

Общий вид

[наверх]

Здесь представлены все программные системы, включая внешние. Клик на любом элементе либо выбор в меню слева (кроме внешних систем) показывает его составные части, если есть.

Все диаграммы - векторные, их масштаб может быть увеличен без потери деталей путём изменения размеров окна браузера. Кликнув на заголовок под любой диаграммой, можно:

• плавно менять масштаб изображения колёсиком мыши
• перемещать изображение мышью, удерживая её левую клавишу нажатой
• скачать диаграмму в форматах: PNG (растровый) / SVG (векторный) / PUML (язык описания диаграмм)