Wizard UI для Телеграм бота
Разбираемся как можно реализовать загрузку, поиск и удаление видео файлов с помощью Wizard UI.
Спасибо подписчику за расшифровку видео.
00:15 🧙♂️ В этом видеоуроке рассказывается, как использовать встроенный во фреймворк Telegraf функционал Wizard для создания пошаговых диалогов (визардов) в Telegram-ботах.
00:30 🤖 Wizard в Telegram-ботах — это способ последовательно запрашивать у пользователя информацию, сохранять полученные ответы и выполнять действия, когда все необходимые данные собраны.
01:38 🗄️ В примере используется база данных с одной таблицей для хранения информации о загруженных видео. Реализованы три визарда для добавления, поиска и удаления видео.
02:04 🏗️ Для создания визарда используется объект `Stage`, которому передается массив сцен (`scenes`). Каждая сцена представляет собой отдельный шаг визарда.
03:05 ➡️ Для управления переходами между шагами визарда используются методы `next()`, `back()` и `leave()`.
04:44 🚀 Запуск нужного визарда осуществляется с помощью метода `enter()`, которому передается идентификатор сцены.
05:24 📥 В примере показано, как реализовать добавление видео: запрос имени, загрузка файла, добавление опционального описания.
07:37 📁 Для загрузки видео используется проверка типа сообщения (видео или документ). Идентификатор загруженного файла сохраняется для дальнейшей работы.
09:31 🔎 Реализован контекстный поиск видео по базе данных. Если результатов несколько, пользователю предлагается выбрать нужное видео.
10:09 💾 В качестве базы данных используется SQLite. Приведены примеры функций для работы с базой данных: создание таблицы, вставка, получение и удаление данных.
14:44 ⚠️ Указывается на ограничение размера загружаемых файлов в Telegram.
Ссылки на другие ролики по тематике Телеграм ботов:
• Telegram бот - введение в ботостроите...
• Telegram WebApp, часть 2 #easyit #te...
• Telegram WebApp, часть 3 #easyit #te...
Исходные файлы проекта здесь:
https://github.com/easy-linux/telegra...
Документация и ссылки:
https://dashboard.ngrok.com/get-start...
https://core.telegram.org/bots/webapp...
https://core.telegram.org/bots/games
https://pixijs.com/
https://pixijs.download/release/docs/...
https://howlerjs.com/
Где можно найти ресурсы для своих игр:
https://opengameart.org/
https://www.kenney.nl/assets
https://pixabay.com/sound-effects/
Сериал "Создание SPA приложения на чистом JS":
• SPA приложение на чистом JS - часть 1...
Видео по работе с vite.js:
• Знакомимся с Vitejs. Портирование про...
Полезные видео по настройке webpack:
Минимальная конфигурация - • Настраиваем сборку проекта с помощью ...
Настройка горячей перезагрузки - • Webpack 5 Настройка горячей перезагру...
Настройка сборки проекта с подгрузкой файлов css/scss/изображений - • Webpack 5 Настройка сборки проекта с ...
Настройка сборки мультистраничного сайта - • Пример конфигурации сборки мульти-стр...
Самый простой способ установить nodejs на Linux и Mac:
• Установка Nodejs на Linux и MacOS.
#easyit #javascript #js #vanillajs #pixi.js @EasyITChannel
Смотрите видео Wizard UI для Телеграм бота онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Easy IT 24 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 484 раз и оно понравилось 12 людям.