Давно хотели внедрить devOps, но не было времени и жалко денег на обслуживание или хотите понять как работает devOps в действии на примере интернет агентства, тогда читаем дальше.
В этой статье рассмотрим как можно без особых технических навыков и множества настроек развернуть бесплатный devops от Azure для своей компании (до 5 разработчиков бесплатно).
Цель внедрения любых devops процессов, это ускорение процесса разработки компании, в нашем случае ускорение будет достигаться за счет автоматизированной проверки кода, его автоматического тестирования с помощью эталонных скриншотов и автоматической заливки сайта на сервер.
Итак, какие процессы будут выполняться с помощью devOps в нашем примере:
1) При коммите кода одного из разработчиков запускается сборка;
2) Транспиляция Typescript / Less / etc;
3) Если в процессе транспиляции возникнут ошибки, разработчик получит предупреждение и его коммит будет отклонен;
4) Деплой транспилированного проекта на сервер (dev-site);
5) Создание скриншотов получившегося сайта и сравнение их с макетом дизайнера (Screenshot based testing);
6) Получение результатов тестирования и скриншотов через бота Telegram.
Что требуется иметь для этого:
1) Учетную запись microsoft;
2) Телеграм канал;
3) Любой компьютер с доступом в интернет (для работы build agent).
Итак, начнем движение к DevOps.
— Регистрируем аккаунт microsoft на azure.com
— Создаем свою компанию [1], это область в которой будут создаваться проекты(сайты), а также именно в этой области видимости будут работать люди, которым вы будете присылать приглашения
— Создаем Проект внутри компании [2, 3, 4], тут всё как обычно, проект бывает приватным и публичным. Также сразу выбираем репозиторий между встроенным в azure и git. Можно выбрать и второй вариант, интеграция реализована полностью, поэтому devops не пострадает. Я выбрал первый вариант, чтобы уменьшить количество 3rd party средств.
— В созданном проекте [5] переходим к настройке шагов сборки [6] и создаем первую сборку [7].
— Не забываем добавить агента сборки. Это клиент, которого мы устанавливаем на машине с доступом в интернет, который будет выполнять шаги сборки при определенных событиях, например при добавлении кода в систему контроля версий.
— Добавляем необходимые шаги
Теперь рассмотрим шаги по отдельности, из названий понятно за что отвечает каждый
Кстати, про создание бота для Telegram написано здесь.
О том как тестировать верстку есть хорошая статья тут.
Код проекта и все скрипты, выложил на gitgub.
Статья была написана для того, чтобы новички увидели один из простых способов организации devops с минимальными ресурсными и временными затратами.