AI Developer · Telegram-бот · Robochat
⚡ 0 XP
🤖 AI Developer · Урок про ботов

Telegram-бот
без кода

Создаём живого бота с кнопками, формой и валидацией
через Robochat.io + BotFather

🤖 @BotFather
🔧 Robochat.io
🆓 Бесплатно
No Code
🤖
AI Trend Новости
● онлайн
Привет, Арман! 👋
Я чат-бот AI Trend News — выберите язык:
🇷🇺 Русский
🇰🇿 Казахский
📖 Теория

Что такое Telegram-бот?

Бот = «робот» внутри мессенджера. Он не спит, не устаёт и всегда отвечает одинаково быстро

🎰 Как автомат с едой в школе. Нажимаешь кнопку А — получаешь чипсы. Кнопку Б — воду. Он не думает и не устаёт.

Бот работает так же: получил /start — ответил приветствием. Получил «Хочу опубликовать» — открыл форму.

📰

Информационный

Погода, расписание, новости по запросу

🎯

Ассистент

Задачи, напоминания, планировщик

🎮

Игровой

Викторины и квесты прямо в чате

📋

Наш сегодня

Новостной бот с формой и валидацией

🔑 Ключевые понятия

BotFather и Токен

Два понятия без которых не обойдётся ни один бот

🤖

@BotFather

Официальный бот самого Telegram. Через него создаются абсолютно все боты платформы — от школьных до корпоративных.

Найти: поиск в Telegram → @BotFather → синяя галочка ✓

🎫

Токен

Уникальный пропуск бота в системе Telegram. Как именной билет на мероприятие — только с ним тебя пускают внутрь.

⚠️ Секретный ключ! Не публикуй в открытых чатах.

7xxxxxxxxx:AAHxxxxxxxxxxxxxxxxxxxxxxxxxxxXk4| Пример токена
🔧 Инструмент урока

Что такое Robochat

Визуальный конструктор ботов — перетаскиваешь блоки, соединяешь стрелками, получаешь живого бота

💻

Обычное программирование

bot.on('message', async (ctx) => {"{"}...

🎨

Robochat — визуально

Блок → стрелка → блок → стрелка

🚀 /start
💬 Приветствие
🌐 Выбор языка
📋 Форма

💡 Как конструктор из кубиков — только на выходе получается живой бот в Telegram

🤖 Шаг 1 · BotFather

Регистрируем бота

1

Открой @BotFather в Telegram

В поиске введи @BotFather → синяя галочка ✓ — это официальный

2

Отправь /newbot

Или нажми кнопку «Создать нового бота» в открывшемся меню

3

Придумай имя и username

Имя: AI Trend Новости
Username: уникальный, заканчивается на bot

4

Скопируй токен!

BotFather выдаёт длинную строку — это твой секретный ключ. Сохрани его.

🤖
BotFather
✓ официальный
/newbot
Как назовём бота?
AI Trend Новости
Теперь username (оканч. на bot):
aitrend_news_bot
✅ Готово! Вот токен:
7xxxxxx:AAHxxxxxxxxxxxxxxx
🔌 Шаг 2 · Robochat

Подключаем бота к мастерской

1

Открой robochat.io

Нажми «Войти через Telegram» → подтверди в приложении → ты внутри

2

Создай новый проект → Новый сценарий

Нажми «Подключить бота» и вставь токен из BotFather

3

Появится название бота

«AI Trend Новости» — значит Robochat нашёл бота и подключился. Закрой окно — перед тобой чистый холст

🎨

Холст Robochat

Здесь мы строим сценарий из блоков

Кнопка + снизу

Все строительные кубики сценария

🔗

Стрелки-коннекторы

Логика — блок ведёт к блоку

📦 Строительные кубики

Типы блоков

Нажми + и выбери нужный блок. Каждый — своя роль

Событие

Триггер — что сделал пользователь. «Впервые написал боту» = нажал Start

🚀 Впервые написал боту
💬

Сообщение

Текст, кнопки, медиа. Основной блок — 80% сценария

💬 Текст + кнопки
📝

Ввод данных

Задаёт вопрос и ждёт ответ. Тип: текст / телефон / email / файл

📝 Поле формы
🔔

Уведомление

Отправляет сообщение администратору при завершении формы

📦

Переменная

Хранит ответ пользователя: name, email, phone

Валидация

Проверяет формат — телефон, email. Не пропустит мусор

💬 Шаг 3 · Приветствие

Личное приветствие

Бот знает имя пользователя из Telegram-профиля. Используем переменную — и он обращается лично

Что такое переменная в боте?

{"{{"}first_name{"}}"} → Арман
{"{{"}last_name{"}}"} → Сейткали
{"{{"}language{"}}"} → ru

Пример текста блока

Привет, {"{{"}first_name{"}}"}! 👋
Я чат-бот AI Trend News 😊
Мы рады приветствовать вас на нашем новостном канале.
🤖
AI Trend Новости
● онлайн
Привет, Арман! 👋
Я чат-бот AI Trend News 😊
Мы рады приветствовать вас на нашем новостном канале.
🇷🇺 Русский
🇰🇿 Казахский
🧠 Квиз · +200 XP

Проверь понимание

Зачем Robochat нужен токен бота?

A
Чтобы входить в аккаунт BotFather
B
Чтобы оплатить подписку Robochat
C
Это секретный ключ — Robochat подключается к боту через Telegram API
D
Токен — это просто название бота
🌐 Шаг 4 · Логика

Разветвление — выбор языка

Кнопки создают развилку. Каждая ведёт в свою ветку сценария через стрелки-коннекторы

🚀 Впервые написал боту
💬 Приветствие + {"{{"}first_name{"}}"}
🌐 Выберите язык
🇷🇺 Русская ветка
🇰🇿 Казахская ветка
🤖
AI Trend Новости
Выберите язык общения 🌐
🇷🇺 Русский
🇰🇿 Казахский

💡 Круглые точки рядом с блоком — это коннекторы. Тяни стрелку от кнопки к следующему блоку — так строится логика

🟢 Задание 1 · Базовый · +150 XP

Создай приветствие и язык

⏸ Поставь видео на паузу и повтори самостоятельно

1

Добавь блок Событие → «Впервые написал боту»

Нажми + снизу → Событие → Впервые написал боту

2

Добавь Сообщение с приветствием

Используй переменную {"{{"}first_name{"}}"} — кнопка переменных снизу поля ввода

3

Добавь блок с двумя кнопками

«🇷🇺 Русский» и «🇰🇿 Казахский» — дай им разные цвета

4

Соедини стрелками все блоки

Событие → Приветствие → Выбор языка. Без стрелок сценарий не работает!

✅ Приветствие и выбор языка готовы → +150 XP

📋 Шаг 5 · Форма

Собираем данные автора

4 поля ввода последовательно — каждый ответ сохраняется в переменную

👤

Полное ФИО автора

переменная: name
🏫

Место работы или школы

переменная: work
📱

Телефон (+7...)

тип: Phone ← валидация!
📧

Email адрес

тип: Email ← валидация!
🤖
AI Trend Новости
📝 Введите ваше полное ФИО:
Kumissay Bekova
🏫 Место работы или школы:
AI Trend School
📱 Ваш телефон (+7...):

💡 Для каждого поля: Параметры → Тип данных → Создать переменную → Назвать → Сохранить

✅ Шаг 6 · Валидация

Умный бот — проверяет данные

Валидация — это проверка формата. Бот не примет мусор вместо телефона или email

Что происходит:

+7 777 123 45 67
✅ Принято
asdfgh
❌ Ошибка
user@gmail.com
✅ Принято
user@gmail.co.
❌ Ошибка

📱 Настройка телефона

Тип вводимых данных → Телефон

Сообщение об ошибке:

«Неправильный формат телефона, пожалуйста, введите ещё раз»

📧 Настройка email

Тип вводимых данных → Email

Сообщение об ошибке:

«Неправильный формат почты, пожалуйста, введите ещё раз»
🧠 Квиз · +200 XP

Что такое валидация?

Пользователь вводит «asdfgh» вместо номера телефона. Что делает бот с валидацией?

A
Сохраняет «asdfgh» как номер телефона
B
Отправляет сообщение об ошибке и просит ввести правильный формат
C
Перезапускает бот с самого начала
D
Пропускает поле и переходит к следующему вопросу
🔍 Шаг 7 · Подтверждение

Показываем данные обратно

После всех 4 полей — выводим итог через переменные. Пользователь проверяет сам себя.

Текст блока подтверждения:

🔍 Проверьте, всё ли верно?
👤 ФИО: {"{{"}name{"}}"}
🏫 Работа: {"{{"}work{"}}"}
📱 Тел: {"{{"}telephon{"}}"}
📧 Email: {"{{"}email{"}}"}

Две кнопки развилки:

✅ Да, верно
✏️ Изменить

«Изменить» → петля назад к форме

🤖
AI Trend Новости
🔍 Проверьте данные:

👤 Kumissay Bekova
🏫 AI Trend School
📱 +7 777 123 45 67
📧 kumissay@gmail.com
✅ Да, верно
✏️ Изменить
🔔 Шаг 8 · Уведомление

Администратор получает данные

Когда пользователь нажимает «Да» — бот отправляет уведомление с его данными администратору

1

Добавь блок «Отправить уведомление»

После кнопки «Да» → + → Уведомление

2

Напиши текст с переменными

«+1 новый автор: {"{{"}name{"}}"}, {"{{"}work{"}}"}, {"{{"}telephon{"}}"}, {"{{"}email{"}}"} »

3

Укажи получателя

Настройки → Доступ → выбери себя как администратора

🔔
AI Trend Новости
Уведомление от бота
🔔 +1 новый автор!

👤 Kumissay Bekova
🏫 AI Trend School
📱 +7 777 123 45 67
📧 kumissay@gmail.com
🟡 Задание 2 · Средний · +150 XP

Собери форму и уведомление

⏸ Поставь на паузу и создай форму самостоятельно

1

Добавь 4 блока «Ввод данных»

ФИО (текст) → Место работы (текст) → Телефон (Phone) → Email (Email)

2

Создай переменные для каждого поля

Параметры → Создать переменную → name / work / telephon / email

3

Настрой валидацию для телефона и email

Тип данных + сообщение об ошибке для каждого

4

Добавь блок подтверждения + уведомление

«Да» → уведомление с переменными. «Изменить» → петля назад к форме

✅ Форма собрана и уведомление настроено → +150 XP

🎬 Тестируем бота в Telegram

Живой тест —
всё работает!

Приветствие → язык → информация → форма → валидация → подтверждение → уведомление

🧪 Тестируем бота

Открой бот и пройди весь путь

Найди своего бота в Telegram по username → нажми Start → пройди все шаги

🤖
AI Trend Новости
● онлайн
Привет, Арман! 👋 Я чат-бот AI Trend News
🇷🇺 Русский
🇰🇿 Казахский
Русский
📱 Введите телефон:
asdfgh
❌ Неправильный формат. Введите ещё раз
+7 777 123 45 67
✅ Принято! Следующий вопрос...
▶️

Нажми Start

Получи приветствие с твоим именем

🧪

Сломай валидацию

Введи неправильный телефон и email — проверь ошибку

🔔

Получи уведомление

Нажми «Да» → в твой Telegram придут данные

🧠 Квиз · +200 XP

Что такое переменная в боте?

Бот спросил ФИО → пользователь написал «Арман». Что происходит дальше?

A
Ответ исчезает — бот его не помнит
B
«Арман» сохраняется в переменную name и используется дальше в сценарии
C
Ответ публикуется в Telegram-канале
D
Бот перезапускается от начала
⚠️ Частые ошибки

4 ловушки новичка

Если что-то не работает — проверь сначала здесь

Username занят

BotFather не выдаёт токен — имя уже занято другим ботом

✅ Добавь цифру, год или аббревиатуру. Пробуй пока не появится свободное

Блоки не соединены

Сценарий собран — бот не переходит к следующему шагу

✅ Проверь каждую кнопку — у всех должны быть исходящие стрелки

Переменная пустая

Вместо имени бот показывает пустое место или {"{{"}name{"}}"}

✅ Параметры поля → убедись что переменная создана и сохранена

Нет получателя уведомления

Бот принимает данные — администратор ничего не получает

✅ Настройки доступа → выбери себя как получателя уведомлений
🧠 Квиз · +200 XP

Что такое петля в сценарии?

Пользователь нажимает «Хочу изменить» после проверки данных. Куда он попадает?

A
Бот закрывается — нужно начинать заново через /start
B
Данные удаляются, но пользователь остаётся на странице подтверждения
C
Стрелка ведёт назад к форме — пользователь вводит данные заново
D
Отправляется уведомление администратору с пометкой «ошибка»
🤖
🎓 Что ты освоил

💡 «Инструмент не важен — важна логика. Неважно, пишешь ты код или перетаскиваешь блоки. Важно правильно выстроить сценарий, предусмотреть ошибки пользователя и сделать бота, который действительно помогает.»

🤖

BotFather

Привычный навык

🎨

Сценарий

Мышление дизайнера

Валидация

Мышление инженера

🧪

Живой тест

Мышление QA

🔴 Задание 3 · Продвинутый · +150 XP

Ветка «Узнать правила»

Добавь новую ветку из кнопки которую мы оставили пустой

Схема новой ветки:

📜 Кнопка «Правила»
📄 Текст правил
✅ Принимаю
↩️ Назад
1

Подключи кнопку «Узнать правила» к новому блоку

Соедини стрелкой из кнопки к блоку с текстом правил

2

Напиши текст правил публикации

3–5 пунктов — что нельзя публиковать, как проходит модерация

3

Две кнопки в конце

«✅ Принимаю правила» → к форме. «↩️ Вернуться» → к началу сценария (петля!)

✅ Ветка «Правила» добавлена и работает → +150 XP

📝 Домашнее задание

Три уровня — выбираешь сам

🟢 БАЗОВЫЙ

Тестирование как пользователь

Открой бота и пройди весь сценарий. Нажми каждую кнопку, введи данные — специально неправильные — чтобы проверить валидацию. Зафиксируй: всё ли работает как задумано? Скринь результат.

#AITrend
🟡 СРЕДНИЙ

Казахская ветка сценария

Собери казахскую ветку по тому же принципу что мы сделали для русского. Подключи её к кнопке «🇰🇿 Казахский». Проверь что переключение между языками работает корректно — все шаги те же, текст на казахском.

#AITrend
🔴 ПРОДВИНУТЫЙ

Ветка «Узнать наши правила»

Добавь подробный текст с правилами публикации. В конце — «✅ Принимаю правила» ведёт к форме, «↩️ Вернуться назад» возвращает в начало. Поделись @username бота в чате — спикер лично протестирует!

#AITrend
✅ Чеклист урока · +100 XP

Всё ли ты сделал?

🤖Создал бота в @BotFather и получил токен
🔌Подключил бота к Robochat через токен
💬Создал приветствие с переменной {"{{"}first_name{"}}"}
🌐Добавил выбор языка с двумя кнопками и соединил стрелками
📋Собрал форму из 4 полей с переменными
Настроил валидацию для телефона и email
🔍Добавил блок подтверждения данных и петлю «изменить»
🔔Настроил уведомление администратору
🧪Протестировал бота живым тестом в Telegram
🗺 Что дальше

Следующий урок —
ИИ внутри бота

📍
← ВЫ ЗДЕСЬ

Telegram-бот с кнопками и формой

Robochat · BotFather · Валидация · Переменные

🧠
СЛЕДУЮЩИЙ

Бот + ИИ = умный ассистент

Понимает свободный текст · Отвечает на любые вопросы · Адаптируется

🤖 + 🧠

Сейчас бот работает по сценарию

Пользователь нажимает кнопки → идёт по прописанному пути.
Следующий шаг: добавить ИИ — и бот начнёт понимать свободный текст.
Держи бота готовым — он нам пригодится!

🚀
🏆 Ты создал живого бота!
🤖

@твой_бот

Живой аккаунт в Telegram

Форма работает

С валидацией и переменными

🔔

Уведомления

Данные приходят тебе в Telegram

💬 Поделись ботом в чате с хештегом #AITrend — напиши @username своего бота — спикер лично его протестирует!