Azure DevOps бесплатно для маленьких компаний за 1 час

Доброго времени суток!

Давно хотели внедрить devOps, но не было времени и жалко денег на обслуживание или хотите понять как работает devOps в действии на примере интернет агентства, тогда читаем дальше.

В этой статье рассмотрим как можно без особых технических навыков и множества настроек развернуть бесплатный devops от Azure для своей компании (до 5 разработчиков бесплатно).

Цель внедрения любых devops процессов, это ускорение процесса разработки компании, в нашем случае ускорение будет достигаться за счет автоматизированной проверки кода, его автоматического тестирования с помощью эталонных скриншотов и автоматической заливки сайта на сервер.

Итак, какие процессы будут выполняться с помощью devOps ^[1]в нашем примере:

1. при коммите кода одного из разработчиков запускается сборка;
2. транспиляция Typescript / Less / etc;
3. если в процессе транспиляции возникнут ошибки, разработчик получит предупреждение и его коммит будет отклонен;
4. деплой транспилированного проекта на сервер (dev-site);

создание скриншотов получившегося сайта и сравнение их с макетом дизайнера (Screenshot based testing);
получение результатов тестирования и скриншотов через бота Telegram.

Что требуется иметь для этого:

1. учетную запись microsoft;
2. телеграм канал;
3. любой компьютер с доступом в интернет (для работы build agent).

Итак, начнем движение к DevOps.

• Регистрируем аккаунт microsoft на azure.com ^[2]
• Создаем свою компанию [1], это область в которой будут создаваться проекты(сайты), а также именно в этой области видимости будут работать люди, которым вы будете присылать приглашения
• Создаем Проект внутри компании [2, 3, 4], тут всё как обычно, проект бывает приватным и публичным. Также сразу выбираем репозиторий между встроенным в azure и git. Можно выбрать и второй вариант, интеграция реализована полностью, поэтому devops не пострадает. Я выбрал первый вариант, чтобы уменьшить количество 3rd party средств.
• — В созданном проекте [5] переходим к настройке шагов сборки [6] и создаем первую сборку [7].

  

• Не забываем добавить агента сборки ^[3]. Это клиент, которого мы устанавливаем на машине с доступом в интернет, который будет выполнять шаги сборки при определенных событиях, например при добавлении кода в систему контроля версий.

• Добавляем необходимые шаги

  

Теперь рассмотрим шаги по отдельности, из названий понятно за что отвечает каждый
Кстати, про создание бота для Telegram написано здесь ^[4].
О том как тестировать верстку есть хорошая статья тут ^[5].

Код проекта и все скрипты, выложил на gitgub ^[6].

Статья была написана для того, чтобы новички увидели один из простых способов организации devops с минимальными ресурсными и временными затратами.

Автор: Безруков Юрий

Источник ^[7]