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

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

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

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

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

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

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

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

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

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

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

    image


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

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

    image


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

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

image

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

© Habrahabr.ru