Телеграм бот на Python / #8 - Web Apps. Полноценные веб приложения в Телеграм

Рет қаралды 111,139

Күн бұрын

Одним из новшеств Телеграм Ботов являются Веб приложения. За урок мы научимся создавать 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

Пікірлер: 141

@KabukiWarrior369 4 ай бұрын

Спасибо за обзор технологии webApp, интересно и понятно

@chesnokov4132 Жыл бұрын

То чувство, когда следующий вечер пройдет ах***но! Гош, чаще видео я очень сильно жду

@user-vj2ee3cc2r 7 ай бұрын

Thank you for making this informative video.

@user-tk4pp8jj1j 11 ай бұрын

Смотрел как создавать бота на ПИТОНЕ, начали писать веб сайт на Джава😊, вот именно сегодня утром я проснулся с мыслю “че бы не выучить ещё и Джаву”

@Vlad-mv7qh 10 ай бұрын

ага, у меня тоже такие мисли проскочили 😂

@NightSky-tn1yc 10 ай бұрын

Лучше смотри тогда про другое, программирование у тебя не пойдет)

@apollon8898 7 ай бұрын

@@NightSky-tn1yc, глупость

@user-LvSerg777 25 күн бұрын

Не "Джава", а "Джаваскрипт"

@IlayPugachev 12 күн бұрын

Надеюсь фронт будешь на джава писать?)

@user-ib4fz6db3v Ай бұрын

Супер 👍🏻 спасибо большое

@user-ps6ui6tq8b 8 ай бұрын

Георгий! Спасибо тебе большое! Твои видео просто спасение! Подскажи пожалуйста, а веб страница на React как то интегрируется с tg? Я имею ввиду не только ее отображение, но и так же передача информации в бота. Заранее спасибо!

@photo_graf_khv 8 күн бұрын

Парень, ты красавчик, спасибо 👍🤝

@VasyaIT Жыл бұрын

Добрый день, Георгий! Можно узнать, будет ли в будущем видео по машине состояний? Ведь это одна из самых важных тем в Aiogram, но по ней так мало видео. Очень хочется, чтобы именно Вы этому научили Спасибо!

@JevLogin 9 ай бұрын

Вопрос такой, есть ли уже способ, как с использованием кнопки Inline данные из WebApp были бы получены в боте?

@wlich_off Жыл бұрын

Да ну мои молитвы были услышаны, наконец-то создание магазинов

@user-nl5ys3qj3i Жыл бұрын

@@margix4032 просто контрал V уже скопированного кода

@ilyagurev9540 11 ай бұрын

@@user-nl5ys3qj3i у вас есть этот код?

@user-nl5ys3qj3i 11 ай бұрын

@@ilyagurev9540 нет,так просто перепиши ,там фрагмент полностью виден и ты запросто можешь его переписать

@clarifier4109 Жыл бұрын

Гош, привет) спасибо за твои уроки. Помню ты снимал про годот, а тут его 4 версия официально вышла. Не хочешь снять новое видео? Мне кажется публике понравится. Я помню, что тебе больше нравится юнити, но попытка не пытка)

@denisgor8559 2 ай бұрын

Здравствуйте, очень нравятся Ваши видео-уроки! Спасибо за труд! Очень просто и доступными словами изложена информация. Планируете ли вы для aiogram 3 выпускать уроки, возможно с простыми примерами FSM и базой данных.. Было бы очень интересно! Всем удачи в освоении новых знаний!

@user-tl4uh8cb6y Ай бұрын

А можете сделать видео как сделать WebApp в telebot? и оплату тоже, просто весь интернет обрыть и найти нечего, только airogram

@simonjack3209 Жыл бұрын

спасибо за труды. подскжите , примерно за сколько такой бот можно было бы продать, в примерной оценке

@ALTOIR12 3 ай бұрын

Привет, а какие размера окна в рамках которого нужно рисовать дизайн?

@SuperFoxGen 8 ай бұрын

Урок хорош, но неплохо бы код html файла выложить. Мы здесь не html и css изучаем.

@hxllson 6 ай бұрын

ты разработчиком хочешь стать, или гандоном. разберёшься в хтмл'е

@stassibirtsev 3 ай бұрын

чувак, ты код не умеешь писать с экрана?) всё своими ручками. иначе ничему не научишься, только копировать.

@dimashapiro Ай бұрын

Гоша, спасибо за отличный курс. Как сделать так, чтобы бот не работал через десктоп или через десктоп приложение? То есть чтобы работал только через мобильные приложения Телеграм?

@mxustin 10 ай бұрын

Спасибо большое за это видео! Скажи пожалуйста, обязательно, чтобы само это приложение было написано на JS? другие приложения не подойдут: например, написанные на Python?

@mikhailbiltsevich5547 8 ай бұрын

Думаю должны подойти, главное, чтобы оно было развернуто и уже в коде бота будешь прописывать ссылку на свой web application

@zaicevIT Жыл бұрын

Смотришь первые 7 видео: всё норм Смотришь 8 видео: ничего не понятно(когда не шаришь в HTML)

@akinov_adahan_05 Жыл бұрын

@@margix4032 у него был заранее скопированный код который он вставил

@ilyagurev9540 11 ай бұрын

@@akinov_adahan_05у вас есть этот код?

@hello-sw1pg Жыл бұрын

Привет, спасибо большое за урок 😁, хотел сказать можеш сделать бот с функцией измение языка для регистрация людей с базой данных 😅

@trik590 Жыл бұрын

Да, на самом деле сделать регистрацию не сложно, но есть другие проблемы с базой данных и как ты сказал с изменением языка в регистрации 🤔 Мне было бы очень полезно

@1NewUser1 Жыл бұрын

Надеюсь что поможет

@1NewUser1 Жыл бұрын

Сори автор делитнул мою помощь тебе

@hello-sw1pg Жыл бұрын

@@1NewUser1 Блин просто мне очень интересно было ехх и кстати курс закончился 👍

@1NewUser1 Жыл бұрын

@@hello-sw1pg отправил ответ быстрей забирай

@user-fy2fy3ct6l Жыл бұрын

Добрый день, а на Java можно в телеграмме полноценное вэб приложение сделать? Если да, то какие библиотеки использовать?

@Paws_dyr 3 ай бұрын

гугл для тебя платный

@IliaFilimonov 13 күн бұрын

Сэр любит изващения

@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

@Aip708 7 ай бұрын

Вот бы ты ещё видио выпустил о том как загружать сайт на github

@Aip708 7 ай бұрын

ааа ёб8нный гитхаб

@alexzeeker696 Жыл бұрын

Добрый день! Нигде не могу найти способа как отправлять какие-либо свои данные из бота в открывшуюся страницу. Хочу это использовать, чтобы выводить диаграмму на сайте по массиву, который генерируется в боте

@spyxfamily7429 9 ай бұрын

привет сейчас у меня та же проблема не знаю как отправлять свои данные из бота в открывшуюся страницу как решили даную проблему?

@user-fz4dn8zi5h 3 ай бұрын

По идее надо подключать Django или FastAPI, бд и orm, чтобы Джанго или фастапи через орм тянули данные из бд на веб

@nurmuhammad2773 Жыл бұрын

А какая версия аиограма???

@nvwrist 5 ай бұрын

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

@anonymprog 14 күн бұрын

можно

@user-nt7vk2kk9t 11 ай бұрын

Объясните, пожалуйста, как на 3:40 происходят переходы по сайту внутри бота? У меня открывается главная страница сайта точно также, но когда я хочу перейти на другую страницу, то мне предлагается открыть ссылку в браузере, внутри телеграма не переходит по ссылкам.

@m2000ka 10 ай бұрын

это как пример был показан, веб приложение как я понял для одностраничного сайта предназначен

@user-fz4dn8zi5h 3 ай бұрын

Не переходит потому что нет других эндпоинтов, по сути у тебя 1 эндпоинт эта страничка (в данном примере)

@krustymaster4716 2 ай бұрын

Какой он версией aiogram пользуется ?

@Sirikop Ай бұрын

2.25.1 вроде как

@gladiatorgannicus1248 Ай бұрын

команда executor не работает. Искал решение в интернете, говорят версия aiogram не поддерживает, рекомендовали откатить до pip install --force-reinstall -v "aiogram==2.23.1" . Но это так же не помогло. Из-за этих проблем остановился на уроке про aiogram и не могу двигаться дальше, так как не работает код. А мне очень интересно пройти дальше уроки про приложение и т.д. Помогите пожалуйста, что сделать чтобы работал код? чем можно заменить команду executor? Или что могу поменять чтобы заработало все в нужном формате по этим урокам?

@spacetube3133 24 күн бұрын

ответ есть в прошлом уроке, там написал в комментарии. а вообще нужен pip install aiogram==2.25.2 вроде, в общем эта версия. Но повторюсь в прошлом видео есть ответ на этот вопрос, нужно смотреть в комментарии

@limar9237 9 ай бұрын

подскажите как с сервера открывать html файл если нет сайта

@durosit 9 ай бұрын

github

@user-rp7ti6xp8z 14 күн бұрын

у меня питон не видит модуль "ModuleNotFoundError: No module named 'aiogram'" подскажите как решить проблему? устанавливал через пайчарм и командную строку не помогло

@Darg_theme Жыл бұрын

Всем привет у меня не получилось открыть страничку с гитхаба, так как нет своего сервера я попробовал через гит. Бот показывает страничку с гитхаба, вместо странички, которую сами написали в index.html. Подскажите в чем проблема может быть, пожалуйста

@Rainmakeroffire Жыл бұрын

Привет. Можно использовать OpenServer - для разработки и отладки идеален.

@minesadmin Жыл бұрын

@@Rainmakeroffire объясни как, если нетрудно

@Rainmakeroffire Жыл бұрын

@@minesadmin напиши почту, скину тебе инструкции - здесь ссылки удаляются.

@minesadmin Жыл бұрын

@@Rainmakeroffire у вас есть телеграмм? можно с вами там связаться?

@user-tt5hj3vt8b 9 ай бұрын

можешь и мне пожалуйста @@Rainmakeroffire

@swaperman 5 ай бұрын

Просто пожарище, а не туториал! Ничего не понимаю в Phyton и не кодю ни на каком языке, но получил нереальное эстетическое удовольствие! Отрисовал свой веб-бот в Фигме, теперь думаю, как его присовокупить к телеге. Думал, через UCOZ, но тот для своих шаблонов требует верстку. А, раз так, то почему бы не сделать веб-приложение с нуля на Phyton?

@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 спасибо

@user-ib7tj3ln2c 23 күн бұрын

А может кто-нибудь привести пример, когда нужно передавать initData через inlinekeyboardmarkup, но при этом не иметь возможности отправить потом ответ через sendData()?(( Не понимаю почему данные прислать можно только в реплай, а инитДата есть только в инлайн...

@romanzolo1336 6 ай бұрын

А заказать бота у тебя можно ?

@Artists353 5 ай бұрын

у меня можно @Artists353

@yuliaorlova6918 5 ай бұрын

у меня ошибка я написала вот так: from aiogram import Bot, Dispatcher, executor, types, у меня ошибка на библиотеку 'executor' я писала pip install executor что делать?

@baxtik88 4 ай бұрын

нужно установить pip install aiogram==2.25.1

@user-kr4uo1wu6d Жыл бұрын

Ответьте пожалуйста для не далекого, где можно взять стандартную html разметку

@user-bt8hd1tj2r Жыл бұрын

! + Tab

@CRYPTOLOV 4 ай бұрын

А как выгрузить если нету сайта так и непонял

@English_from_scratch 20 күн бұрын

Кто знает, как выглядит синтаксис для telebota, чтобы из кнопки перейти на web_app ??? Киньте какую-нибудь инфу, буду очень благодарен!!!

@suhrobolimov5975 8 ай бұрын

можно код,

@chezar3075 2 ай бұрын

aiogram обновился до 3 версии и теперь "executor" нету. Как справляться?(версию < 3 установить не получается )

@the_TonyLink 2 ай бұрын

могу помочь с проблемой в дс

@mrEvgen-xn2bf Жыл бұрын

выложили бы хоть открытый код и объясняли по css, например что за @import url?обычно же с папок или откуда то

@user-oy3wb6ny7y Жыл бұрын

нащо ти можкш в нього просто купити підписку))

@sasasa9648 10 ай бұрын

это урок по боту, а не по сайтам. учите html css js

@grovestreet2126 6 ай бұрын

там огромное кол-во информации, и лучше их изучать после aiogram. А так не вижу смысла создавать хтмл файл@@sasasa9648

@likey_dikey235 6 ай бұрын

У меня не подсвечивается этот импорт, как с ним работать? У тебя подсвечивалось?

@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 что делать подскажите

@MrRados Ай бұрын

Можно ли на питоне функционал писать? Вместо джаваскрипта?

@IliaFilimonov 13 күн бұрын

Можно

@baxtik88 4 ай бұрын

можно пожалуйста весь код целиком, а то постоянно что то не получается

@twwisty3403 Жыл бұрын

Это последний ролик из этой серии?

@vqqq64 2 ай бұрын

что делать если вылетает ошибка когда скачиваю 2.25.1 версия aiogram

@ghosttt4299 Жыл бұрын

Давай то же самое только на библиотеке telebot, пожалуйста

@user-dd7jz8hm7w Жыл бұрын

То же самое будет,только на телебот

@user-wf3rj1bm5g 10 ай бұрын

aiogram это тот же телебот, просто с асинком

@kalimartime8484 9 ай бұрын

привет, ты уже разобрался? могу помочь

@ghosttt4299 9 ай бұрын

@@kalimartime8484 еще нет, буду рад помощи)

@akadilzhenisuly5514 9 ай бұрын

@@kalimartime8484 можете помочь мне?

@peronium_ 7 ай бұрын

Какая версия айограм?

@baxtik88 4 ай бұрын

2.25.1

@user-ch6zo5qf4v 3 ай бұрын

Какая версия aiogram?

@user-qz8dh1wn9j 2 ай бұрын

pip install aiogram==2.23.1

@matSdohla408 Ай бұрын

А можно ли с помощью гитхаба хостить бота?

@IliaFilimonov 13 күн бұрын

нет

@maxdimosca1106 6 ай бұрын

Кто-нибудь, помогите. Вылезает баг мол нету библиотеки executor не знаю что делать.

@user-qz8dh1wn9j 2 ай бұрын

короче у тебя aiogram версии 3+ а автор видимо использует меньше 3. Я решил проблему так: 1.открыл командную строку 2. написал в командной строке :pip install aiogram==2.23.1 3. ПРОБЛЕМА РЕШЕНА можно продолжать обучение !

@Tmk_est 2 ай бұрын

Такая же проблема, но к сожалению твой способ не помог@@user-qz8dh1wn9j

@baxtik88 4 ай бұрын

так и не понял как используются переменные без создания :root. У кого получилось, отпишитесь пожалуйста

@Kon_2314 27 күн бұрын

У меня не чего не работает!

@The_khusrav Жыл бұрын

Гоша Бездарь рулит 😂

@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() и ничего более.

@yarTul Жыл бұрын

Гоша помоги мне пожалуйста! У меня WebApp работает на MacBook Pro, но на windows 11 не работает. Что делать?

@user-bt8hd1tj2r Жыл бұрын

Поставить курсор на импорт, нажать Cmd + Enter и скачать пакет?

@user-jc1yy9qj4j Жыл бұрын

Хочу заказать такого бота себе, к кому можно обратиться? Пишите в коммент или личку

@user-dr6pf9cg7z Жыл бұрын

Я могу

@akinov_adahan_05 Жыл бұрын

Добрый день, еще актуально?

@user-dr6pf9cg7z Жыл бұрын

Да

@user-dr6pf9cg7z Жыл бұрын

Скиньте тг

@akinov_adahan_05 Жыл бұрын

@@user-dr6pf9cg7z Вам нужен?

@dochPidji Жыл бұрын

Ребят кто хорошо знает React native напишите 👇 плиз

@Turan_Games 6 ай бұрын

Oshibka

@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 очень сильно изменился внутренний код. Так что можешь изучать последнюю версию через документацию или новые видео уроки