Проєктування та презентація професійних діаграм архітектури AWS: покроковий посібник

pic

Якщо ви захоплюєтесь AWS, то створення чітких та професійних діаграм архітектури є важливим для ефективної комунікації та впровадження. Я вже багато років користуюсь diagrams.net (раніше draw.io), і він ніколи мене не підводив. Ось чому:

  • Простота і зручність використання: Інтерфейс інтуїтивно зрозумілий і ідеальний для швидкого створення діаграм.
  • Продуктивність: Навіть при великій кількості іконок та елементів він працює без затримок.
  • Інтеграція з хмарними сховищами: Підтримує Google Drive, OneDrive та інші для зручного управління файлами.

Я ціную простоту та мінімальну конфігурацію, тому інструменти типу diagrams.net — це мій вибір для створення чистих і професійних діаграм архітектури AWS. Давайте розглянемо кроки створення трикратної веб-архітектури на AWS, оптимізованої для високої доступності.

pic

Трикратна веб-архітектура AWS — Висока доступність

Ось кінцева мета

pic

Крок 1: AWS Групи

Завжди починайте з AWS Груп, спершу побудуйте будинок, а потім розставляйте меблі.

Перед тим як приступити до вставки іконок на сторінку draw.io, набагато зручніше створити шаблон для легшого управління іконками. Почніть з AWS Груп.

  • 1x “AWS Cloud” Group
  • 1x “VPC” Group
  • 2x “Availability Zone” Group
  • 2x “Public Subnets” Group
  • 4x “Private Subnets” Group (App і DB)

Завжди починайте з однієї зони доступності, а потім можна просто копіювати і вставляти зону доступності і перейменувати заголовок. Дивіться нижче.

pic

pic

Крок 2: Іконки AWS — ALB та Auto Scaling Group

Після того як ми розставимо мережу, треба додати ALB і Auto Scaling Group. Необхідно забезпечити, щоб навантаження додатків між Auto Scaling Group було рівномірним. Нам потрібно відрегулювати інтервал між підмережами, щоб полегшити вставку ALB.

pic

Крок 3: Іконки AWS — Інстанси

Тепер, коли групи налаштовані, можна додавати іконки на сторінку. У цьому випадку ми використовуватимемо ці сервіси:

  • 4x EC2 інстанси
  • 2x RDS інстанси

pic

Крок 4: З'єднання ліній між іконками

Цей етап може бути складним, оскільки ми можемо зробити його дуже детальним або простим. На мою думку, краще тримати все чисто і просто, якщо немає вимоги зробити це дуже детальним.

pic

Крок 5: Додати іконки поза VPC

Це покриває всі сервіси, необхідні в VPC. Далі додаємо CDN, брандмауер та DNS:

  • 1x CloudFront
  • 1x WAF
  • 1x Route53
  • 1x Іконка користувача

pic

Крок 6: Виділити всі іконки та експортувати їх як PNG

Після завершення всіх іконок і ліній, ви можете експортувати архітектуру у формат PNG в draw.io. Ось кроки зі скріншотами:

pic

pic

pic

Voilà! Ось ваша архітектура AWS. Це не так важко, коли ви звикнете. Коли ви звикнете до цього, будувати архітектуру не складе труднощів.

pic

На завершення, створення цієї архітектури потребує великої практики. Будь-який інструмент для малювання підійде, головне — це продовжувати малювати та створювати нові архітектури.

Не соромтеся поставити аплоди і поділитися думками в коментарях нижче! 👏

Перекладено з: Designing and Presenting Professional AWS Architecture Diagrams: A Step-by-Step Guide

Leave a Reply

Your email address will not be published. Required fields are marked *