Skip to content

Первый пайплайн

Это руководство проведёт вас через создание полноценного пайплайна с нуля — двухстейджевый CI-воркфлоу, который устанавливает зависимости, запускает тесты и собирает артефакт.

1. Создать пайплайн

Находясь внутри проекта, нажмите Новый пайплайн. Дайте ему имя, например ci. Откроется редактор пайплайна на пустом холсте.

2. Настроить триггер

Перед добавлением стейджей настройте, когда должен запускаться пайплайн.

Нажмите кнопку Триггер на панели инструментов. Выберите:

  • Тип: Push
  • Ветки: main, develop

Это означает, что пайплайн будет запускаться при каждом пуше в main или develop.

3. Добавить стейдж «Сборка»

Кликните в любом месте пустого холста. Появится панель — выберите Добавить стейдж.

Назовите его Сборка.

На холсте появится карточка стейджа.

4. Добавить джоб в стейдж «Сборка»

Дважды кликните по карточке Сборка, чтобы войти в вид стейджа.

Нажмите Добавить джоб, назовите его install-and-test, в поле Runs on укажите ubuntu-latest.

5. Добавить шаги в джоб

Дважды кликните по карточке install-and-test, чтобы войти в вид джоба.

Добавьте первый шаг, нажав Добавить шаг:

Шаг 1 — Checkout

  • Тип: git
  • Операция: checkout
  • Метка: Получить код

Шаг 2 — Установить зависимости

  • Тип: shell_command
  • Оболочка: bash
  • Скрипт:
    bash
    npm ci
  • Метка: Установить зависимости

Шаг 3 — Запустить тесты

  • Тип: test
  • Фреймворк: vitest (или jest, в зависимости от проекта)
  • Команда: npm test
  • Метка: Запустить тесты

6. Добавить стейдж «Деплой»

Используйте хлебные крошки для возврата в вид пайплайна.

Добавьте второй стейдж, назовите его Деплой.

Соедините стейджи: наведите курсор на карточку Сборка, захватите маркер на правом краю и перетащите его на карточку Деплой. Появится стрелка — Деплой запустится после успешной Сборки.

7. Настроить джоб «Деплой»

Дважды кликните в Деплой, добавьте джоб build-artifact на ubuntu-latest.

Добавьте один шаг:

  • Тип: build
  • Инструмент: npm
  • Команда: npm run build
  • Метка: Собрать production-бандл

8. Сохранить пайплайн

Нажмите Сохранить на верхней панели инструментов. Пайплайн сохранится в базу данных pipel8ne.

9. Экспортировать в YAML

Нажмите Экспорт и выберите целевую платформу (например, GitHub Actions). Файл .yml скачается на ваш компьютер — готов к коммиту в репозиторий.


Что вы построили

Триггер: push в main / develop


[Стейдж «Сборка»]
  └── install-and-test (ubuntu-latest)
        1. Получить код
        2. Установить зависимости
        3. Запустить тесты

    ▼ (только при успешной Сборке)
[Стейдж «Деплой»]
  └── build-artifact (ubuntu-latest)
        1. Собрать production-бандл

Далее: Визуальный редактор — все элементы управления и горячие клавиши.

Released under the MIT License.