Wizard UI для Телеграм бота

Published: 24 June 2024
on channel: Easy IT
484
12

Разбираемся как можно реализовать загрузку, поиск и удаление видео файлов с помощью 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 ​


Watch video Wizard UI для Телеграм бота online without registration, duration hours minute second in high quality. This video was added by user Easy IT 24 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 484 once and liked it 12 people.