Диаграмма C4 онлайн (архитектура ПО)
Добавьте людей и системы, перетащите на место и соедините кнопкой «Соединить блоки». На стрелке напишите, что одно использует от другого.
Как пользоватьсяАрхитектура системы в модели C4
Доступно на: 
Диаграмма C4 онлайн (архитектура ПО): для чего нужен
Опишите людей, вашу систему и внешние системы с названием и описанием и соедините элементы, указав, что делает каждая связь. Диаграмма контекста модели C4 появляется рядом, а тот же текст поддерживает и уровень контейнеров.
Это лёгкий способ хранить документацию по архитектуре вместе с кодом — в виде текста, который можно версионировать.
Как пользоваться
- Опишите людей и системы.
- Напишите связи между ними.
- Скачайте диаграмму в PNG или SVG.
Когда использовать
- Документировать архитектуру системы.
- Объяснять систему тем, кто приходит в команду.
- Техническая презентация для клиента.
Частые вопросы
Что такое модель C4?
Это способ рисовать архитектуру ПО на четырёх уровнях детализации, придуманный Саймоном Брауном: контекст (система и те, кто ею пользуется), контейнеры (приложения и базы), компоненты и код. Первые два уровня чаще всего используются в документации.
Как записывать элементы?
Person(id, "Имя", "Описание") для людей, System для вашей системы и System_Ext для внешних систем. Для уровня контейнеров замените первую строку на C4Container и используйте Container(id, "Имя", "Технология", "Описание") и ContainerDb для баз данных.
Как соединять элементы?
Rel(источник, назначение, "что делает") с id элементов. Можно указать и технологию: Rel(site, api, "Запрашивает заказы", "HTTPS/JSON").
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.