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.