ИИ ЧАТ-БОТ: ИНТЕГРАЦИЯ С GROK. ПОШАГОВОЕ РУКОВОДСТВО.

Grok — это нейросеть от Илона Маска, которая отличается от конкурентов:

Быстрее обрабатывает запросы
Даёт более чёткие ответы
Лучше справляется с техническими заданиями
Имеет режим чата с рассуждениями

В этом руководстве мы создадим чатбота на платформе watbot.ru с интеграцией Grok через HTTP запрос.

Подготовка

Что вам понадобится:

Регистрация на платформе watbot.ru Перейдите на сайт watbot.ruЗарегистрируйтесь или войдите в аккаунт
Аккаунт в Grok Зарегистрируйтесь через Google аккаунтОплатите подпискуПолучите API ключ (API Token)
Telegram бот Создайте бота через BotFather в TelegramПолучите токен ботаПодключите его к платформе watbot.ru

Шаг 1: Настройка интерфейса платформы

1.1 Создание чат-бота

Создайте нового чат-бота на платформе watbot.ru
Вы попадёте в редактор сценария

1.2 Очистка сценария

Удалите лишние блоки (наведите курсор на блок → нажмите корзину → подтвердите)
Оставьте только блок "Старт"

1.3 Основы работы с блоками

Установка связей между блоками:

Наведите курсор на чёрную точку блока
Зажмите и проведите линию к другому блоку
Связь отобразится синей стрелкой

Удаление связи:

Наведите на связь (она станет красной)
Нажмите корзину

Добавление блоков:

Способ 1: Кнопка "Добавить блок" в верхнем правом углу
Способ 2: Правая кнопка мыши на существующем блоке → выбор блока из списка

Полезные функции:

Масштабирование: кнопки внизу слева (+ и -)
Смена темы: переключатель вверху (светлая/тёмная)

Шаг 2: Создание приветственного блока

2.1 Добавьте блок "Цепочка сообщений"

От блока "Старт" добавьте блок "Цепочка сообщений"

2.2 Настройте приветственное сообщение

Напишите текст приветствия, например:

Добро пожаловать в Нейросеть Grok. Здесь тебе помогут с ответом на любой вопрос. Для начала работы просто нажми на кнопку ниже.

2.3 Создайте кнопку

В меню добавьте ответ
Текст кнопки: "Задать вопрос"
Сделайте кнопку инлайн: нажмите на иконку клавиатуры → перенесите кнопку наверх

Шаг 3: Блок для ввода вопроса

3.1 Создайте второй блок "Цепочка сообщений"

От кнопки "Задать вопрос" создайте новый блок

3.2 Настройте запрос вопроса

Текст: "Задайте вопрос"
В разделе "Дополнительно" → "Записать ответ в пользовательскую переменную"
Название переменной: вопрос

Шаг 4: Блок ожидания

4.1 Создайте третий блок "Цепочка сообщений"

От кнопки "Любая другая фраза" добавьте новый блок

4.2 Настройте сообщение ожидания

Текст с использованием переменной имени пользователя:

{{first_name}}, нужно немножко подождать. Ищу ответ для тебя.

Как добавить переменную имени:

Нажмите на "Имя" в редакторе
Переменная {{first_name}} автоматически подставится

4.3 Добавьте кнопку "Продолжить"

Шаг 5: HTTP запрос к Grok (основной блок)

5.1 Добавьте блок "HTTP запрос"

От кнопки "Продолжить" добавьте блок HTTP запрос

5.2 Откройте документацию Grok

Перейдите в документацию API Grok и найдите раздел "Chat"

5.3 Заполните URL

Скопируйте URL из документации:

https://api.x.ai/v1/chat/completions

Вставьте в поле "URL" блока HTTP запрос

5.4 Выберите метод

Метод: POST (обязательно!)

5.5 Добавьте заголовки

Заголовок 1:

Ключ: Content-Type
Значение: application/json

Заголовок 2:

Ключ: Authorization
Значение: Bearer ВАШ_API_ТОКЕНЗамените "ВАШ_API_ТОКЕН" на ваш персональный API ключ от GrokФормат: Bearer (с пробелом) + ваш токен

5.6 Настройте тело запроса

Выберите формат: JSON

Тело запроса (скопируйте из документации и измените):

{
  "messages": [
    {
      "role": "user",
      "content": "$вопрос$"
    }
  ],
  "model": "grok-beta",
  "stream": false
}

Важно:

Удалите сообщение от системы (если оно есть в примере)
В поле content замените текст вопроса на переменную $вопрос$
Чтобы вставить переменную: нажмите на "Переменные" → выберите "вопрос" → скопируйте → вставьте в JSON

5.7 Дополнительные настройки

Тайм-аут: 25 секунд (увеличьте для корректной обработки)
Сервер запросов: Европа (обязательно!)
Вывести тело ответа в чат: Включите временно для тестирования

Шаг 6: Тестирование и получение пути к ответу

6.1 Первый тест

Перейдите в Telegram к вашему боту
Перезапустите бота
Задайте тестовый вопрос (например: "Сколько в мире стран?")

6.2 Анализ ответа

Вы получите JSON-ответ в чате
Скопируйте весь текст ответа

6.3 Форматирование JSON

Откройте любой JSON formatter (например, jsonformatter.org)
Вставьте скопированный ответ
Переключите вид на "Tree" (дерево)

6.4 Найдите путь к ответу

Открываем вкладу choices → 0 → message → content
Путь к тексту ответа: choices → 0 → message → content

Теперь нам необходимо этот путь записать в HTTP запрос, чтобы мы получали конкретно этот ответ в боте.

Шаг 7: Сохранение ответа в переменную

7.1 Вернитесь в блок HTTP запрос

Выключите "Вывести тело ответа в чат"
Включите "Записать ответ JSON в переменные"

7.2 Добавьте переменную

Нажмите "Добавить переменную"
Путь к значению: choices.0.message.contentЗамените стрелки (→) на точки (.)
Имя переменной: Ответ (можно назвать своими словами)

Шаг 8: Вывод ответа пользователю

8.1 Добавьте блок "Цепочка сообщений"

От блока HTTP запрос (от кнопки "Продолжить") создайте новый блок

8.2 Выведите ответ

Нажмите на "Текст" в редакторе
Вставьте переменную {{ответ}}
Или используйте кнопку "Переменные" → выберите "ответ"

8.3 Добавьте дополнительное сообщение

Если у вас остались ещё вопросы, с радостью отвечу.

8.4 Создайте кнопку возврата

Добавьте кнопку "Вернуться в начало"
Сделайте её инлайн (перенесите наверх)
Установите связь от этой кнопки к первому приветственному блоку

Шаг 9: Настройка циклического опроса

9.1 Настройте блок для повторных вопросов

В блоке, где написано "Если у вас остались ещё вопросы...":

В разделе "Дополнительно" → "Записать ответ в пользовательскую переменную"
Название переменной: вопрос (то же самое имя!)

Зачем это нужно:

Новый вопрос перезапишет переменную
Бот отправит новый вопрос в существующий HTTP запрос
Не нужно создавать дублирующие блоки

9.2 Установите связи

От кнопки "Любая другая фраза" → к блоку ожидания (где написано "нужно подождать")
От кнопки "Вернуться в начало" → к первому приветственному блоку

Шаг 10: Финальное тестирование

10.1 Сохраните изменения

Нажмите кнопку "Сохранить" в правом верхнем углу

10.2 Перезапустите бота

Обязательно перезапускайте бота после любых изменений!

10.3 Протестируйте сценарии

Тест 1: Простой вопрос

Задайте вопрос: "Как дела?"
Проверьте, что бот отвечает корректно

Тест 2: Сложный вопрос

Задайте: "Сколько в мире стран?"
Убедитесь, что ответ содержательный

Тест 3: Несколько вопросов подряд

Задайте 3-5 разных вопросов
Проверьте, что бот обрабатывает каждый запрос

Тест 4: Возврат в начало

Нажмите "Вернуться в начало"
Проверьте, что бот вернулся к приветствию

Дополнительные возможности

Генерация изображений

В документации Grok есть раздел для генерации изображений. Вы можете:

Использовать аналогичный подход с HTTP запросом
Заполнить блок по примеру из документации

Распознавание изображений

Grok может принимать изображения и анализировать их:

Настройте приём файлов в боте
Используйте соответствующий API endpoint

Режим с рассуждениями

В документации есть раздел "Chat with reasoning":

Нейросеть будет рассуждать над вопросами
Можно выводить эти рассуждения пользователю

Важные напоминания

✅ Всегда перезапускайте бота после изменений

✅ Проверяйте правильность переменных (имена должны совпадать)

✅ Сервер запросов должен быть "Европа"

✅ Не забывайте про тайм-аут (25 секунд минимум)

✅ Сохраняйте изменения перед тестированием

❌ Не копируйте кавычки и двоеточия из документации в заголовки

❌ Не забывайте про Bearer в Authorization (с пробелом!)

Структура финального бота

[Старт]
   ↓
[Приветствие + кнопка "Задать вопрос"]
   ↓
[Запрос вопроса] → сохранение в переменную "вопрос"
   ↓
[Сообщение ожидания + кнопка "Продолжить"]
   ↓
[HTTP запрос к Grok] → сохранение ответа в переменную "ответ"
   ↓
[Вывод ответа + дополнительное сообщение]
   ↓
[Повторный ввод вопроса] → обратно к сообщению ожидания
или
[Кнопка "Вернуться в начало"] → обратно к приветствию