Телеграм бот на Python / #8 - Web Apps. Полноценные веб приложения в Телеграм
Переглядів 109,028
День томуОдним из новшеств Телеграм Ботов являются Веб приложения. За урок мы научимся создавать Web Apps, работать с их API, выводить данные про пользователя, а также получать информацию из Web App.
✅ Полезные ссылки:
- Урок на сайте itProger: itproger.com/course/telegram-...
- Документация по Web Apps: core.telegram.org/bots/webapps
⏰ Тайм-коды:
00:00 - Начало
00:20 - Немного теории
00:50 - Создание веб приложения
04:10 - Своя страница
07:40 - Добавление стилей
09:50 - Функциональная часть
14:10 - Подстановка данных
16:00 - Получение и обработка данных
17:40 - Передача данных в бот
23:10 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼💻
- Все уроки по хештегу #goshaLessons
@KabukiWarrior369 4 місяці тому
Спасибо за обзор технологии webApp, интересно и понятно
@chesnokov4132 Рік тому
То чувство, когда следующий вечер пройдет ах***но! Гош, чаще видео я очень сильно жду
@user-vj2ee3cc2r 7 місяців тому
Thank you for making this informative video.
@photo_graf_khv День тому
Парень, ты красавчик, спасибо 👍🤝
@user-ib4fz6db3v Місяць тому
Супер 👍🏻 спасибо большое
@VasyaIT Рік тому
Добрый день, Георгий! Можно узнать, будет ли в будущем видео по машине состояний? Ведь это одна из самых важных тем в Aiogram, но по ней так мало видео. Очень хочется, чтобы именно Вы этому научили Спасибо!
@user-tk4pp8jj1j 11 місяців тому
Смотрел как создавать бота на ПИТОНЕ, начали писать веб сайт на Джава😊, вот именно сегодня утром я проснулся с мыслю “че бы не выучить ещё и Джаву”
@Vlad-mv7qh 10 місяців тому
ага, у меня тоже такие мисли проскочили 😂
@NightSky-tn1yc 10 місяців тому
Лучше смотри тогда про другое, программирование у тебя не пойдет)
@apollon8898 7 місяців тому
@@NightSky-tn1yc, глупость
@user-LvSerg777 19 днів тому
Не "Джава", а "Джаваскрипт"
@IlayPugachev 6 днів тому
Надеюсь фронт будешь на джава писать?)
@user-ps6ui6tq8b 7 місяців тому
Георгий! Спасибо тебе большое! Твои видео просто спасение! Подскажи пожалуйста, а веб страница на React как то интегрируется с tg? Я имею ввиду не только ее отображение, но и так же передача информации в бота. Заранее спасибо!
@clarifier4109 Рік тому
Гош, привет) спасибо за твои уроки. Помню ты снимал про годот, а тут его 4 версия официально вышла. Не хочешь снять новое видео? Мне кажется публике понравится. Я помню, что тебе больше нравится юнити, но попытка не пытка)
@wlich_off Рік тому
Да ну мои молитвы были услышаны, наконец-то создание магазинов
@user-nl5ys3qj3i Рік тому
@@margix4032 просто контрал V уже скопированного кода
@ilyagurev9540 11 місяців тому
@@user-nl5ys3qj3i у вас есть этот код?
@user-nl5ys3qj3i 11 місяців тому
@@ilyagurev9540 нет,так просто перепиши ,там фрагмент полностью виден и ты запросто можешь его переписать
@denisgor8559 2 місяці тому
Здравствуйте, очень нравятся Ваши видео-уроки! Спасибо за труд! Очень просто и доступными словами изложена информация. Планируете ли вы для aiogram 3 выпускать уроки, возможно с простыми примерами FSM и базой данных.. Было бы очень интересно! Всем удачи в освоении новых знаний!
@JevLogin 9 місяців тому
Вопрос такой, есть ли уже способ, как с использованием кнопки Inline данные из WebApp были бы получены в боте?
@SuperFoxGen 7 місяців тому
Урок хорош, но неплохо бы код html файла выложить. Мы здесь не html и css изучаем.
@hxllson 5 місяців тому
ты разработчиком хочешь стать, или гандоном. разберёшься в хтмл'е
@stassibirtsev 2 місяці тому
чувак, ты код не умеешь писать с экрана?) всё своими ручками. иначе ничему не научишься, только копировать.
@hello-sw1pg Рік тому
Привет, спасибо большое за урок 😁, хотел сказать можеш сделать бот с функцией измение языка для регистрация людей с базой данных 😅
@trik590 Рік тому
Да, на самом деле сделать регистрацию не сложно, но есть другие проблемы с базой данных и как ты сказал с изменением языка в регистрации 🤔 Мне было бы очень полезно
@1NewUser1 Рік тому
Надеюсь что поможет
@1NewUser1 Рік тому
Сори автор делитнул мою помощь тебе
@hello-sw1pg Рік тому
@@1NewUser1 Блин просто мне очень интересно было ехх и кстати курс закончился 👍
@1NewUser1 Рік тому
@@hello-sw1pg отправил ответ быстрей забирай
@mxustin 10 місяців тому
Спасибо большое за это видео! Скажи пожалуйста, обязательно, чтобы само это приложение было написано на JS? другие приложения не подойдут: например, написанные на Python?
@mikhailbiltsevich5547 8 місяців тому
Думаю должны подойти, главное, чтобы оно было развернуто и уже в коде бота будешь прописывать ссылку на свой web application
@user-tl4uh8cb6y 26 днів тому
А можете сделать видео как сделать WebApp в telebot? и оплату тоже, просто весь интернет обрыть и найти нечего, только airogram
@dimashapiro Місяць тому
Гоша, спасибо за отличный курс. Как сделать так, чтобы бот не работал через десктоп или через десктоп приложение? То есть чтобы работал только через мобильные приложения Телеграм?
@simonjack3209 Рік тому
спасибо за труды. подскжите , примерно за сколько такой бот можно было бы продать, в примерной оценке
@swaperman 5 місяців тому
Просто пожарище, а не туториал! Ничего не понимаю в Phyton и не кодю ни на каком языке, но получил нереальное эстетическое удовольствие! Отрисовал свой веб-бот в Фигме, теперь думаю, как его присовокупить к телеге. Думал, через UCOZ, но тот для своих шаблонов требует верстку. А, раз так, то почему бы не сделать веб-приложение с нуля на Phyton?
@ALTOIR12 3 місяці тому
Привет, а какие размера окна в рамках которого нужно рисовать дизайн?
@Aip708 6 місяців тому
Вот бы ты ещё видио выпустил о том как загружать сайт на github
@Aip708 6 місяців тому
ааа ёб8нный гитхаб
@zaicevIT Рік тому
Смотришь первые 7 видео: всё норм Смотришь 8 видео: ничего не понятно(когда не шаришь в HTML)
@akinov_adahan_05 Рік тому
@@margix4032 у него был заранее скопированный код который он вставил
@ilyagurev9540 11 місяців тому
@@akinov_adahan_05у вас есть этот код?
@gladiatorgannicus1248 24 дні тому
команда executor не работает. Искал решение в интернете, говорят версия aiogram не поддерживает, рекомендовали откатить до pip install --force-reinstall -v "aiogram==2.23.1" . Но это так же не помогло. Из-за этих проблем остановился на уроке про aiogram и не могу двигаться дальше, так как не работает код. А мне очень интересно пройти дальше уроки про приложение и т.д. Помогите пожалуйста, что сделать чтобы работал код? чем можно заменить команду executor? Или что могу поменять чтобы заработало все в нужном формате по этим урокам?
@spacetube3133 17 днів тому
ответ есть в прошлом уроке, там написал в комментарии. а вообще нужен pip install aiogram==2.25.2 вроде, в общем эта версия. Но повторюсь в прошлом видео есть ответ на этот вопрос, нужно смотреть в комментарии
@user-fy2fy3ct6l Рік тому
Добрый день, а на Java можно в телеграмме полноценное вэб приложение сделать? Если да, то какие библиотеки использовать?
@Pawspower_ 3 місяці тому
гугл для тебя платный
@IliaFilimonov 7 днів тому
Сэр любит изващения
@roshikk 9 місяців тому
Почему у меня var(--tg-theme и тд) всегда подсвечено красным снизу и на белом фоне кнопке вообще отображается без бекграунда ? body{ font-family: 'Roboto', sans-serif; font-weight: 300; color: var(--tg-theme-text-color); background: var(--tg-theme-bg-color);
@roshikk 9 місяців тому
Я типо скорее всего натупил, но уже 30 раз переписывал все и точь в точь как на видео и все равно ошибка
@roshikk 9 місяців тому
как я понял по ошибке оно пишет что это css функция, но на видео ведь без css обошлись, имею ввиду все писалось прямо в html
@alexzeeker696 11 місяців тому
Добрый день! Нигде не могу найти способа как отправлять какие-либо свои данные из бота в открывшуюся страницу. Хочу это использовать, чтобы выводить диаграмму на сайте по массиву, который генерируется в боте
@spyxfamily7429 9 місяців тому
привет сейчас у меня та же проблема не знаю как отправлять свои данные из бота в открывшуюся страницу как решили даную проблему?
@user-fz4dn8zi5h 3 місяці тому
По идее надо подключать Django или FastAPI, бд и orm, чтобы Джанго или фастапи через орм тянули данные из бд на веб
@nvwrist 4 місяці тому
а можно ли как то добавить приложение в группу, взаимодействие с webapp через группу, не переходя в бота
@anonymprog 7 днів тому
можно
@Darg_theme Рік тому
Всем привет у меня не получилось открыть страничку с гитхаба, так как нет своего сервера я попробовал через гит. Бот показывает страничку с гитхаба, вместо странички, которую сами написали в index.html. Подскажите в чем проблема может быть, пожалуйста
@Rainmakeroffire Рік тому
Привет. Можно использовать OpenServer - для разработки и отладки идеален.
@minesadmin Рік тому
@@Rainmakeroffire объясни как, если нетрудно
@Rainmakeroffire Рік тому
@@minesadmin напиши почту, скину тебе инструкции - здесь ссылки удаляются.
@minesadmin Рік тому
@@Rainmakeroffire у вас есть телеграмм? можно с вами там связаться?
@user-tt5hj3vt8b 9 місяців тому
можешь и мне пожалуйста @@Rainmakeroffire
@krustymaster4716 2 місяці тому
Какой он версией aiogram пользуется ?
@Sirikop Місяць тому
2.25.1 вроде как
@user-rp7ti6xp8z 7 днів тому
у меня питон не видит модуль "ModuleNotFoundError: No module named 'aiogram'" подскажите как решить проблему? устанавливал через пайчарм и командную строку не помогло
@user-nt7vk2kk9t 11 місяців тому
Объясните, пожалуйста, как на 3:40 происходят переходы по сайту внутри бота? У меня открывается главная страница сайта точно также, но когда я хочу перейти на другую страницу, то мне предлагается открыть ссылку в браузере, внутри телеграма не переходит по ссылкам.
@m2000ka 10 місяців тому
это как пример был показан, веб приложение как я понял для одностраничного сайта предназначен
@user-fz4dn8zi5h 3 місяці тому
Не переходит потому что нет других эндпоинтов, по сути у тебя 1 эндпоинт эта страничка (в данном примере)
@English_from_scratch 13 днів тому
Кто знает, как выглядит синтаксис для telebota, чтобы из кнопки перейти на web_app ??? Киньте какую-нибудь инфу, буду очень благодарен!!!
@yuliaorlova6918 4 місяці тому
у меня ошибка я написала вот так: from aiogram import Bot, Dispatcher, executor, types, у меня ошибка на библиотеку 'executor' я писала pip install executor что делать?
@baxtik88 4 місяці тому
нужно установить pip install aiogram==2.25.1
@limar9237 9 місяців тому
подскажите как с сервера открывать html файл если нет сайта
@durosit 9 місяців тому
github
@haruko678 7 місяців тому
ImportError: cannot import name 'executor' from 'aiogram' (C:\Users\antho\AppData\Local\Programs\Python\Python311\Lib\site-packages\aiogram\__init__.py) что значит эта ошибка?
@user-wu1eh2lw9j 7 місяців тому
в последних версиях aiogram больше нет executor, в видео используется неактуальная версия
@user-mn2ks5zc3g 7 місяців тому
Пипните старую версию. Новая не нужна
@haruko678 5 місяців тому
@@user-wu1eh2lw9j спасибо
@ghosttt4299 Рік тому
Давай то же самое только на библиотеке telebot, пожалуйста
@user-dd7jz8hm7w Рік тому
То же самое будет,только на телебот
@user-wf3rj1bm5g 10 місяців тому
aiogram это тот же телебот, просто с асинком
@kalimartime8484 9 місяців тому
привет, ты уже разобрался? могу помочь
@ghosttt4299 9 місяців тому
@@kalimartime8484 еще нет, буду рад помощи)
@akadilzhenisuly5514 9 місяців тому
@@kalimartime8484 можете помочь мне?
@user-ib7tj3ln2c 16 днів тому
А может кто-нибудь привести пример, когда нужно передавать initData через inlinekeyboardmarkup, но при этом не иметь возможности отправить потом ответ через sendData()?(( Не понимаю почему данные прислать можно только в реплай, а инитДата есть только в инлайн...
@nurmuhammad2773 Рік тому
А какая версия аиограма???
@romanzolo1336 6 місяців тому
А заказать бота у тебя можно ?
@Artists353 5 місяців тому
у меня можно @Artists353
@u-suapnub 2 місяці тому
Traceback (most recent call last): Fil", line 6, in dp = Dispatcher(bot) ^^^^^^^^^^^^^^^ TypeError: Dispatcher.__init__() takes 1 positional argument but 2 were given что делать подскажите
@maxdimosca1106 6 місяців тому
Кто-нибудь, помогите. Вылезает баг мол нету библиотеки executor не знаю что делать.
@user-qz8dh1wn9j 2 місяці тому
короче у тебя aiogram версии 3+ а автор видимо использует меньше 3. Я решил проблему так: 1.открыл командную строку 2. написал в командной строке :pip install aiogram==2.23.1 3. ПРОБЛЕМА РЕШЕНА можно продолжать обучение !
@Tmk_est 2 місяці тому
Такая же проблема, но к сожалению твой способ не помог@@user-qz8dh1wn9j
@chezar3075 2 місяці тому
aiogram обновился до 3 версии и теперь "executor" нету. Как справляться?(версию < 3 установить не получается )
@the_TonyLink 2 місяці тому
могу помочь с проблемой в дс
@user-kr4uo1wu6d Рік тому
Ответьте пожалуйста для не далекого, где можно взять стандартную html разметку
@user-bt8hd1tj2r Рік тому
! + Tab
@CRYPTOLOV 4 місяці тому
А как выгрузить если нету сайта так и непонял
@MrRados Місяць тому
Можно ли на питоне функционал писать? Вместо джаваскрипта?
@IliaFilimonov 7 днів тому
Можно
@baxtik88 4 місяці тому
можно пожалуйста весь код целиком, а то постоянно что то не получается
@mrEvgen-xn2bf Рік тому
выложили бы хоть открытый код и объясняли по css, например что за @import url?обычно же с папок или откуда то
@user-oy3wb6ny7y Рік тому
нащо ти можкш в нього просто купити підписку))
@sasasa9648 10 місяців тому
это урок по боту, а не по сайтам. учите html css js
@grovestreet2126 6 місяців тому
там огромное кол-во информации, и лучше их изучать после aiogram. А так не вижу смысла создавать хтмл файл@@sasasa9648
@likey_dikey235 5 місяців тому
У меня не подсвечивается этот импорт, как с ним работать? У тебя подсвечивалось?
@peronium_ 7 місяців тому
Какая версия айограм?
@baxtik88 4 місяці тому
2.25.1
@aleksandr9761 Місяць тому
не хочу бросать тень сомнений на труды автора, но ничего не работает, ругается на "dp = Dispatcher()... TypeError: Dispatcher.__init__() takes 1 positional argument but 2 were given". Предположу что проблема в версиях, на видео старая версия.. но в таком случае для новичка это видео абсолютно бесполезное.
@xvin1202 Місяць тому
Да, у библиотеки aiogram вышло обновление, сейчас если я не ошибаюсь самая последняя версия 3.4.1. Если хочется программировать на старой версии, попробуй сделать следующее. "pip uninstall aiogram", а потом "pip install aiogram==2.25.1". Это восстановит старую версию библиотеки и всё будет работать. А вообще после перехода в библиотеки на версию 3.x очень сильно изменился внутренний код. Так что можешь изучать последнюю версию через документацию или новые видео уроки
@matSdohla408 Місяць тому
А можно ли с помощью гитхаба хостить бота?
@IliaFilimonov 7 днів тому
нет
@user-ch6zo5qf4v 2 місяці тому
Какая версия aiogram?
@user-qz8dh1wn9j 2 місяці тому
pip install aiogram==2.23.1
@vqqq64 2 місяці тому
что делать если вылетает ошибка когда скачиваю 2.25.1 версия aiogram
@twwisty3403 Рік тому
Это последний ролик из этой серии?
@baxtik88 4 місяці тому
так и не понял как используются переменные без создания :root. У кого получилось, отпишитесь пожалуйста
@pavel_coding 8 місяців тому
Привет, у меня 2 ошибки. dp = Dispatcher(bot) TypeError: Dispatcher.__init__() takes 1 positional argument but 2 were given
@dealenx 8 місяців тому
Надо поставить 2.25.1 версию aiogram, в 3 версии какие-то проблемы
@mart1an7 8 місяців тому
@@dealenx Можете команду подсказать, пробовал по-разному уже поставить 2.25.1, не получается
@maroon6439 5 місяців тому
документацию открыть не судьба? Диспетчер не должен иметь параметр, который ты указал. Просто Dispatcher() и ничего более.
@suhrobolimov5975 8 місяців тому
можно код,
@The_khusrav Рік тому
Гоша Бездарь рулит 😂
@user-jc1yy9qj4j Рік тому
Хочу заказать такого бота себе, к кому можно обратиться? Пишите в коммент или личку
@user-dr6pf9cg7z Рік тому
Я могу
@akinov_adahan_05 Рік тому
Добрый день, еще актуально?
@user-dr6pf9cg7z Рік тому
Да
@user-dr6pf9cg7z Рік тому
Скиньте тг
@akinov_adahan_05 Рік тому
@@user-dr6pf9cg7z Вам нужен?
@dochPidji Рік тому
Ребят кто хорошо знает React native напишите 👇 плиз
@Kon_2314 20 днів тому
У меня не чего не работает!
@yarTul Рік тому
Гоша помоги мне пожалуйста! У меня WebApp работает на MacBook Pro, но на windows 11 не работает. Что делать?
@user-bt8hd1tj2r Рік тому
Поставить курсор на импорт, нажать Cmd + Enter и скачать пакет?
@Turan_Games 6 місяців тому
Oshibka
@VincentOnil Рік тому
Инвалид...😢
@user-ec3xy6bq2t 2 місяці тому
Люди! Подскажите пожалуйста, не работает buy.addEventListener, т.е. кнопка покупки просто не срабатывает.
Артём Ипатов - Python на практике
Переглядів 1,3 тис.
Артём Шумейко
Переглядів 310 тис.
Фсоки
Переглядів 15 тис.