Первые шаги: создание первого workflow в n8n

n8n — это мощный инструмент для автоматизации рабочих процессов (workflow automation), который позволяет соединять различные сервисы и API без написания кода. В этой статье мы создадим ваш первый workflow с нуля: автоматическую отправку уведомлений в Telegram при получении новых данных.

Что такое n8n и зачем он нужен?

n8n (pronounced "n-eight-n") — это open-source платформа для автоматизации, которая работает по принципу "drag-and-drop". Вы визуально создаёте workflow, соединяя различные ноды (nodes), каждая из которых выполняет определённую функцию.

Зачем использовать n8n?

    • Без кода: Создавайте сложные автоматизации визуально
    • Интеграции: Поддержка 400+ сервисов (Telegram, Google Sheets, Slack, API и т.д.)
    • Гибкость: Можно создавать как простые, так и очень сложные workflow
    • Self-hosted: Можно развернуть на своём сервере для полного контроля
    • Бесплатно: Open-source версия доступна бесплатно

Что мы создадим?

В этом руководстве мы создадим простой, но практичный workflow:
    • Триггер: Получение данных из веб-хука (webhook)
    • Обработка: Форматирование данных
    • Действие: Отправка уведомления в Telegram
Результат: При отправке POST-запроса на webhook, автоматически отправляется сообщение в Telegram-канал или чат. ВСТАВИТЬ КАРТИНКУ 1: Главный экран n8n с пустым workflow !Главный экран n8n Рисунок 1: Главный экран n8n. Слева панель с доступными нодами, справа рабочая область для создания workflow. Описание для картинки: Скриншот интерфейса n8n с пустым workflow. Видна боковая панель слева с категориями нод (Triggers, Actions, Data и т.д.), центральная область пустая, вверху кнопки "Save", "Execute Workflow". Размер: 1920x1080px, формат PNG.

Шаг 1: Развёртывание n8n на bothost.ru

Перед началом работы нужно развернуть n8n. На платформе bothost.ru это делается очень просто.

1.1. Создание n8n бота

    • Войдите в панель управления bothost.ru
    • Перейдите в раздел "Создать бота"
    • Выберите шаблон "n8n"
    • Укажите название: Мой первый n8n
    • Нажмите "Создать"
ВСТАВИТЬ КАРТИНКУ 2: Создание n8n бота в панели управления !Создание n8n бота Рисунок 2: Форма создания n8n бота в панели управления bothost.ru. Выбран шаблон "n8n". Описание для картинки: Скриншот формы создания бота. Видны поля: "Название", "Шаблон" (выбран n8n), кнопка "Создать бота". Размер: 1920x1080px.

1.2. Ожидание развёртывания

Процесс развёртывания займёт 2-5 минут. Вы увидите прогресс:
    • Клонирование репозитория
    • Генерация Dockerfile
    • Сборка Docker образа
    • Создание контейнера
    • Запуск n8n
ВСТАВИТЬ КАРТИНКУ 3: Процесс развёртывания n8n !Развёртывание n8n Рисунок 3: Экран с прогрессом развёртывания. Видны этапы: "Клонирование репозитория" (in_progress), "Сборка Docker образа" (pending).

1.3. Доступ к n8n

После завершения развёртывания:
    • В панели управления найдите ваш n8n бот
    • Нажмите на домен бота (например, your-bot-id.bothost.ru)
    • Откроется интерфейс n8n
ВСТАВИТЬ КАРТИНКУ 4: Интерфейс n8n после первого входа !Интерфейс n8n Рисунок 4: Экран приветствия n8n. Видно сообщение "Welcome to n8n!" и кнопку "Get started".

Шаг 2: Знакомство с интерфейсом n8n

Перед созданием workflow давайте разберёмся с интерфейсом.

2.1. Основные элементы

Левая панель — список доступных нод, сгруппированных по категориям:
    • Triggers — триггеры (Webhook, Schedule, Manual и т.д.)
    • Core Nodes — базовые операции (Set, IF, Switch и т.д.)
    • Communication — коммуникации (Telegram, Email, Slack)
    • Data — работа с данными (Google Sheets, Airtable)
    • И другие категории
Центральная область — рабочее пространство, где вы создаёте workflow Верхняя панель — кнопки управления:
    • Save — сохранить workflow
    • Execute Workflow — запустить workflow вручную
    • Settings — настройки workflow
ВСТАВИТЬ КАРТИНКУ 5: Структура интерфейса n8n !Структура интерфейса Рисунок 5: Аннотированный скриншот интерфейса n8n. Стрелками показаны: 1) Левая панель с нодами, 2) Рабочая область, 3) Верхняя панель управления.

2.2. Создание нового workflow

    • Нажмите на кнопку "+" в левом верхнем углу (или "New Workflow")
    • Откроется пустое рабочее пространство
    • Готово к созданию workflow!
ВСТАВИТЬ КАРТИНКУ 6: Создание нового workflow !Новый workflow Рисунок 6: Пустое рабочее пространство для нового workflow. Видна подсказка "Click to add node".

Шаг 3: Создание первого workflow

Теперь создадим наш первый workflow: автоматическая отправка уведомлений в Telegram при получении webhook.

3.1. Добавление Webhook ноды (триггер)

    • В левой панели найдите категорию "Triggers"
    • Найдите ноду "Webhook" и перетащите её на рабочую область
    • Или просто кликните на рабочую область и введите "Webhook"
ВСТАВИТЬ КАРТИНКУ 7: Добавление Webhook ноды !Добавление Webhook Рисунок 7: Процесс добавления Webhook ноды. Видно меню поиска нод с введённым "Webhook" и результат поиска.
    • Кликните на ноду Webhook, чтобы открыть настройки
    • В поле "HTTP Method" выберите "POST"
    • В поле "Path" введите: telegram-notify (это будет часть URL)
    • Нажмите "Save" в правом верхнем углу
ВСТАВИТЬ КАРТИНКУ 8: Настройка Webhook ноды !Настройка Webhook Рисунок 8: Панель настроек Webhook ноды. Видны поля: HTTP Method (POST), Path (telegram-notify), кнопка "Save". Важно: После сохранения workflow, в настройках Webhook появится полный URL. Запишите его — он понадобится для отправки запросов.

3.2. Добавление Telegram ноды

    • Кликните на рабочую область рядом с Webhook нодой
    • Введите "Telegram" в поиске
    • Выберите ноду "Telegram""Send Message"
ВСТАВИТЬ КАРТИНКУ 9: Добавление Telegram ноды !Добавление Telegram Рисунок 9: Меню добавления ноды. Введён "Telegram", показаны варианты: Send Message, Get Updates и т.д.
    • Кликните на Telegram ноду для настройки
    • Нажмите "Create New Credential" (или выберите существующие, если есть)

3.3. Настройка Telegram credentials

Для работы с Telegram нужен Bot Token:
    • Откройте @BotFather в Telegram
    • Отправьте команду /newbot
    • Следуйте инструкциям и создайте бота
    • Скопируйте полученный токен (формат: 123456789:ABCdefGHIjklMNOpqrsTUVwxyz)
ВСТАВИТЬ КАРТИНКУ 10: Получение токена от BotFather !BotFather токен Рисунок 10: Диалог с BotFather. Видно сообщение с токеном бота, выделен токен для копирования.
    • Вернитесь в n8n, вставьте токен в поле "Access Token"
    • В поле "Chat ID" укажите ID чата или канала, куда отправлять сообщения
- Для личных сообщений: ваш Telegram ID (можно узнать через @userinfobot) - Для каналов: ID канала (формат: -1001234567890)
    • Нажмите "Save" для сохранения credentials
    • Нажмите "Save" в настройках ноды
ВСТАВИТЬ КАРТИНКУ 11: Настройка Telegram credentials !Telegram credentials Рисунок 11: Форма настройки Telegram credentials. Видны поля: Access Token (заполнено), Chat ID (заполнено), кнопка Save.

3.4. Настройка сообщения

    • В настройках Telegram ноды найдите поле "Message"
    • Здесь можно ввести текст сообщения или использовать данные из предыдущей ноды
    • Для начала введите простой текст: Получено новое уведомление!
ВСТАВИТЬ КАРТИНКУ 12: Настройка сообщения Telegram !Настройка сообщения Рисунок 12: Поле Message в настройках Telegram ноды. Введён текст "Получено новое уведомление!".

3.5. Соединение нод

    • Наведите курсор на правый край Webhook ноды
    • Появится точка соединения
    • Зажмите и перетащите к левому краю Telegram ноды
    • Ноды соединены! Данные из Webhook будут передаваться в Telegram
ВСТАВИТЬ КАРТИНКУ 13: Соединение нод !Соединение нод Рисунок 13: Две ноды соединены линией. Webhook слева, Telegram справа, между ними стрелка.

3.6. Сохранение workflow

    • Нажмите кнопку "Save" в правом верхнем углу
    • Введите название workflow: Telegram Notifications
    • Нажмите "Save"
ВСТАВИТЬ КАРТИНКУ 14: Сохранение workflow !Сохранение workflow Рисунок 14: Диалог сохранения workflow. Поле "Name" с текстом "Telegram Notifications", кнопка "Save".

3.7. Активация workflow

Важно: Workflow нужно активировать, чтобы он работал!
    • В правом верхнем углу найдите переключатель "Inactive" / "Active"
    • Переключите его в положение "Active"
    • Workflow теперь активен и готов принимать запросы
ВСТАВИТЬ КАРТИНКУ 15: Активация workflow !Активация workflow Рисунок 15: Переключатель "Active" включен (зелёный). Workflow готов к работе.

Шаг 4: Тестирование workflow

Теперь протестируем наш workflow!

4.1. Получение Webhook URL

    • Кликните на Webhook ноду
    • В настройках найдите поле "Webhook URL"
    • Скопируйте полный URL (например: https://your-bot-id.bothost.ru/webhook/telegram-notify)
ВСТАВИТЬ КАРТИНКУ 16: Webhook URL !Webhook URL Рисунок 16: Настройки Webhook ноды. Выделено поле "Webhook URL" с полным адресом.

4.2. Отправка тестового запроса

Откройте терминал или используйте любой инструмент для отправки HTTP-запросов: Вариант 1: cURL
curl -X POST https://your-bot-id.bothost.ru/webhook/telegram-notify \
  -H "Content-Type: application/json" \
  -d '{"message": "Тестовое уведомление"}'
Вариант 2: Postman или Insomnia
    • Метод: POST
    • URL: ваш webhook URL
    • Body: JSON с любыми данными
Вариант 3: Онлайн инструменты
    • Используйте https://httpie.io/app или подобные сервисы
ВСТАВИТЬ КАРТИНКУ 17: Отправка запроса через cURL !Тестовый запрос Рисунок 17: Терминал с командой curl. Видна команда POST запроса к webhook URL.

4.3. Проверка результата

    • После отправки запроса проверьте Telegram
    • Должно прийти сообщение: "Получено новое уведомление!"
    • В n8n можно посмотреть выполнение workflow:
- Кликните на ноду → "Execute Node" → увидите данные, которые прошли через ноду ВСТАВИТЬ КАРТИНКУ 18: Результат в Telegram !Сообщение в Telegram Рисунок 18: Telegram чат. Видно полученное сообщение "Получено новое уведомление!" от бота. ВСТАВИТЬ КАРТИНКУ 19: Выполнение workflow в n8n !Выполнение workflow Рисунок 19: Панель выполнения workflow в n8n. Видны обе ноды с зелёными галочками (успешное выполнение), можно кликнуть для просмотра данных.

Шаг 5: Улучшение workflow

Теперь улучшим наш workflow, чтобы он использовал данные из webhook запроса.

5.1. Использование данных из Webhook

    • Кликните на Telegram ноду
    • В поле "Message" удалите старый текст
    • Нажмите на иконку "{{ }}" (Expression Editor)
    • Введите: Получено уведомление: {{ $json.body.message }}
Это использует данные из тела POST-запроса. ВСТАВИТЬ КАРТИНКУ 20: Expression Editor !Expression Editor Рисунок 20: Открыт Expression Editor. В поле введено: "Получено уведомление: {{ $json.body.message }}". Видны подсказки автодополнения.

5.2. Добавление дополнительных данных

Можно добавить больше информации:
📢 Новое уведомление

Сообщение: {{ $json.body.message }}
Время: {{ $now }}
Источник: {{ $json.body.source || 'Неизвестно' }}
ВСТАВИТЬ КАРТИНКУ 21: Улучшенное сообщение !Улучшенное сообщение Рисунок 21: Expression Editor с многострочным сообщением. Видны эмодзи и несколько переменных.

5.3. Тестирование улучшенного workflow

Отправьте запрос с данными:
curl -X POST https://your-bot-id.bothost.ru/webhook/telegram-notify \
  -H "Content-Type: application/json" \
  -d '{
    "message": "Важное уведомление",
    "source": "API"
  }'
ВСТАВИТЬ КАРТИНКУ 22: Улучшенный результат !Улучшенный результат Рисунок 22: Telegram с форматированным сообщением. Видно сообщение с эмодзи, несколькими строками и данными из запроса.

Шаг 6: Полезные советы и следующие шаги

6.1. Полезные ноды для начинающих

    • Set Node — установка значений переменных
    • IF Node — условная логика (если-то)
    • Switch Node — множественные условия
    • Code Node — выполнение JavaScript кода
    • HTTP Request Node — отправка HTTP запросов
    • Schedule Trigger — запуск по расписанию

6.2. Идеи для следующих workflow

    • Мониторинг сайта: Проверка доступности сайта и отправка уведомления при падении
    • Сбор данных: Автоматический сбор данных из API и сохранение в Google Sheets
    • Обработка форм: Автоматическая обработка данных из веб-форм
    • Интеграция сервисов: Синхронизация данных между различными сервисами
    • Автоматические отчёты: Генерация и отправка отчётов по расписанию

6.3. Лучшие практики

    • Именуйте ноды понятно: "Send Telegram Notification" лучше, чем "Telegram 1"
    • Добавляйте комментарии: Используйте Comment ноды для объяснения сложных частей
    • Тестируйте по частям: Создавайте и тестируйте workflow постепенно
    • Сохраняйте часто: Регулярно сохраняйте workflow
    • Используйте Error Workflow: Настройте обработку ошибок
ВСТАВИТЬ КАРТИНКУ 23: Пример сложного workflow !Сложный workflow Рисунок 23: Пример более сложного workflow с несколькими нодами, условиями и комментариями. Видна структурированная логика.

Заключение

Поздравляем! Вы создали свой первый workflow в n8n. Теперь вы умеете:
    • ✅ Разворачивать n8n на bothost.ru
    • ✅ Создавать простые workflow
    • ✅ Использовать Webhook триггеры
    • ✅ Отправлять сообщения в Telegram
    • ✅ Использовать данные из запросов
n8n — это мощный инструмент, который открывает множество возможностей для автоматизации. Начните с простых workflow и постепенно усложняйте их. Экспериментируйте, изучайте документацию и создавайте свои автоматизации!

Полезные ресурсы

    • Официальная документация n8n: https://docs.n8n.io
    • Примеры workflow: https://n8n.io/workflows
    • Сообщество: https://community.n8n.io
    • YouTube каналы: Поищите "n8n tutorial" для видео-уроков
ВСТАВИТЬ КАРТИНКУ 24: Финальный workflow !Финальный workflow Рисунок 24: Полный финальный workflow. Webhook → обработка данных → Telegram. Всё соединено и готово к работе.
Автор: Команда bothost.ru Дата: 2025-01-11 Теги: n8n, автоматизация, workflow, telegram, webhook, tutorial

987 просмотров
0 лайков
0 комментариев