CI/CD-приложений React в Azure DevOps: сборка • тестирование • артефакт • развертывание в Nginx (...

В этом практическом занятии мы развернем настоящее приложение React с помощью многоэтапного YAML-файла Azure Pipelines: Сборка (установка зависимостей + компиляция) → Тестирование (модульные тесты) → Публикация артефакта (/build) → Развертывание на виртуальной машине Ubuntu с запущенным Nginx через SSH-подключение. Мы повторно используем виртуальную машину из предыдущей лабораторной работы и заменим статический файл index.html скомпилированной сборкой React. Вы узнаете: React в Azure DevOps: триггер → сборка → тестирование → артефакт → развертывание Почему следует развертывать артефакты (скомпилированные/сборка) вместо исходного кода Использование агентов, размещенных на серверах Microsoft, а не локальных SSH-задания для копирования в /var/www/html и перезапуска Nginx Как коммиты в основной автоматический деплой (настоящая CI/CD) Предварительные требования (те же, что и в предыдущей лабораторной работе) Организация и проект Azure DevOps Виртуальная машина Ubuntu с Nginx (открыт порт 80) Подключение к службе SSH (имя пользователя/пароль) Приложение React в репозиториях Azure Далее Задание: развернуть приложение для обзора книги по тому же шаблону В ближайшее время: настройка двух конвейеров (IaC + приложение) для трехуровневой архитектуры -------- 📚 *Дополнительные ресурсы:* Мой Курс AWS для начинающих:
DevOps для начинающих:
AWS Mastery: 26 облачных проектов AWS для инженеров и архитекторов -
#AzureDevOps #AzurePipelines #DevOps #CICD #React #YAML #nginx