Для дебага бота или бекенда юзаю ngrok, в одну команду пробрасывается локальный порт и создается паблик линк, очень удобно. Спасибо за видео, как раз нужно было скрестить бота с формочкой но не хотелось пилить сбор данных на боте, и тут такая напоминалка с отличным разбором 🙏
Тимур, сделай пожалуйста хоть одно видео про себя. Как прошел путь с учителя математики до программиста, с какими трудностями сталкивался, в каком возрасте и т д. Думаю это многим на этом канале было бы очень интересно! Спасибо P.S. друзья, поддержите лайком чтобы автор увидел комментарий )
@@hellohello4454 красавчик вообще! Как за такое короткое время смог столько всего усвоить интересно, может математический склад ума благодаря такому образованию поспособствовал.
Жду видео про то, как максимально правильно заливать сайт на сервак. То есть сборка проекта через докер, настройки nginx, купленного сервака, домена, сертификата безопасности и разворачивания проекта на всем этом. Будет уникальный контент, на ютубе не нашел похожее.
Такое есть, русскоязычный канал от а до я показывал. Покупал сервак, домен, настраивал сервак, ssl, nginx, nodejs бекенд приложение опубликовал + react front. Крч там все есть, правда по просмотрам очень мало. Почему то ютуб такие полезные видео никак не рекомендует :(
Для дебага на локальной машине можно использовать ngrok он даст временный домен и останется только прокинуть нужный порт на роутере. Сам с телеграмом не пробывал но должено сработать
жаль, что сразу не полез в комментарии, пришлось воспользоваться яндексом )) единственное в реакте в package.json изменить порт на 80 "start": "set port=80 && react-scripts start"
Смотрю постоянно твои ролики. Очень структурированная речь. Нравится твоя подача материала. Реально полезные ролики выпускаешь. Спасибо тебе большое, что тратишь свое личное время и делишься бесценным опытом.
Спасибо. Было интересно) Я все же начал делать на telegraf, тк хотелось на nestjs сделать и не нашел других библиотек, кроме как на telegraf. Было бы здорово сделать серию роликов про ci/cd для фронтеров, а то всегда боль какая-то с этим разворачиванием, поиском норм хостеров, чтобы и ноду и постгрю можно было не дорого развернуть, и как выбираешь тот или иной хостинг, про создание простеньких пайплайнов и тп. И еще бы было здорово касаться тестирования хоть немного, это очень важная тема, которую надо всегда держать в голове и как можно скорей внедрять в разарботку, отдалдка та же в ноде не всегда тривиальная задача в vs code, а для отладки бота еще предстоит разбираться. В целом круто, так держать!
Пока не посмотрел, но уверен, что контент как всегда крут! Лайк заранее)) Только зря на 00:59 светанул свой номер телефона - надеюсь, он у тебя не основной.
По поводу запуска локально. Никто не мешает в кнопку запихать url, который потом в hosts перенаправить на localhost. Но тогда надо где-то нарыть валидных сертификатов под указанный url, иначе web app не запустится (можно с прода взять, если есть живой прод с доменом). Либо использовать test enviroment телеги, в доках об этом написано. Тогда можно будет использовать http и пихать в кнопку прямо 127.0.0.1. Либо использовать ngrok, он ваш локальный порт делает доступным через свои серверы, дает общедоступный адрес с https. В таком случае в кнопку пихать адрес, выданный ngrok'ом, а запросы будут приходить на localhost, или куда скажете.
Спасибо за видео, по поводу дебага, я для себя использую такой способ: - Поднимаю туннель через ngrok (Можно использовать аналоги) - Android смартфон (Включаем USB Debugging + Два долгих тапа по версии приложения Telegram в настройках самого приложения, включаем WebView debug) - Запускаю чат с WebApp - Подключаю смартфон к компу, запускаю Chrome (chrome://inspect/#devices) - Выбираю нужное устройство - Дебажу
вопрос: есть функция sendData(), которая позволяет отправить сообщение из WebApp на сервер к боту. А есть ли аналогичный способ отправить данные в web app с сервера? Что-то в роде sendDataToWebApp(). Или через бота отправить данные в web app не получится и лучше сделать http сервер, откуда web app будет подтягивать данные?
Красавчик , я так понимаю что бот синхронизируется с определенной вебстраницей и берет данные от туда после чего показывает как браузер , после манипуляций с браузером телеграм принимает данные от сайта и выводит в рабочую область . Хороший ход со стороны ТГ , если так дальше пойдёт то весь СНГ онлайн рынок перейдет в ТГ.
Привет, большое спасибо за то, что ты делаешь, хотелось бы в подобных роликах немного по подробнее и как-то по медленнее пусть ролик и затянется минут на 20. Просто постоянно нить то и дело теряется.
⚡Для удобного дебага можно туннель сетевой через NGROK поднять. Изменения почти на лету будут подтягиваться, разве что хотрелоада нет)) Если нужны подробности, могу расписать алгоритм ниже🤓! Тимур, спасибо за классный контент!
есть вопрос не совсем по теме но все же. Я разрабатываю сайт на react который может подписываться на события в блокчейне, и хочу чтобы еще бот телеграмма выкладывал в чат эти события. Каким способом можно их так сказать "подружить". Возможно ли запускать одновременно приложение на react и бота телеграм
Им (команде телеги) бы сделать так, чтобы такие боты не покидали чат/канал. Чтобы посетители внутри могли видеть и пользоваться фишками вебапов. А то сейчас нажимаешь на ссылку бота и улетаешь куда то туда...
Привет! А что значит " нажимаешь на ссылку бота и улетаешь куда то туда"? типо открывается браузер телеги имеется ввиду? Вопрос не что бы докопаться, а просто хочу узнать эту тему.
@@innokentyk9016Да. Условно говоря, нельзя перейти по внешней ссылке сразу на красиво оформленный webapp-магазин. Сначала откроется убогий по ui/ux канал, там запустить бота (желательно знать заранее о существовании такового). Нужна, прям очень нужна ещё одна сущность в дополнение к чатам и каналам в телеге. В виде самостоятельных вебаппов.
ребят, подскажите что делать, если все сделал по инструкции с официальной статьи из телеграма, а новых полей в window не появилось? я пробовал просто вставлять скрипт из официальной инструкции, пробовал копирвать сам скрипт и создавать новый js файл для него, а потом подключать, вообше ничего не происходит, кроме того, что ошибка появляется, что поля Telegram в объекте window не существует..
Нашёл способ как тестировать и/или отлаживать telegram web apps с пк Go to Settings > Advanced > Experimental settings > Enable webview inspection. Right click in the WebView and choose Inspect. Нашёл это в доке по данной технологии
У вас очень хороший урок !!! , но у меня есть претензии к телеграму . Это штука очень плохо работает !!!. Открываю web app на телефоне небольшой смах вниз и она полностью закрывается , неужели было так сложно сделать так чтобы при смахивание вниз он не закрывался.
Из-за упрощения совсем упустили важный момент: безопасность общения с бэком. Сейчас может любой слать запросы на эндпоинты бэка. Нужен какой-то токен дополнительный, особенно если вы товары будете с него получать (которые в ролике захардкодили в массив). Бэк будет отвечать всем желающим? Это очень важдый момент, хотя бы в двух словах надо было упомянуть концепцию этого момента. А то вообще оторвано от реальности.
Сейчас столкнулся с проблемой того что не считывает переменные .Env файл. В гитигнор кинул, клонировал на сервере, скачал dotenv но не работает. Согласен, что было бы полезно в этом видео показать как работать с env
вопрос с безопасностью остался открытым. На бэке никак не проверяется подлинность пользователя тг. Осталась возможность подделать хттп запрос от имени другого пользователя каким-то постмэном. У тебя бэк никак это не проверит. При работе с деньгами (а инет-магазин подразумевает работу с деньгами) это может быть критично.
огромное спасибо за контент! если с телеги даже на локалку сообщения прилетают, получается нода коннектится к сервакам node-telegram-bot-api и всё общение через их сервера проходит?
Сколько не смотрю твои ролики, каждый раз меня поражает то как ты к ним готовишься, мало кто понимает какой это труд,... спасибо тебе!
Для дебага бота или бекенда юзаю ngrok, в одну команду пробрасывается локальный порт и создается паблик линк, очень удобно.
Спасибо за видео, как раз нужно было скрестить бота с формочкой но не хотелось пилить сбор данных на боте, и тут такая напоминалка с отличным разбором 🙏
работает - спасибо большое!)
по подробнее бы как это настроить)
ngrok http 3000
в vscode из коробки есть проброс портов - шикарно работает, нужна только учетка в githab
Спасибо!
Тимур, сделай пожалуйста хоть одно видео про себя. Как прошел путь с учителя математики до программиста, с какими трудностями сталкивался, в каком возрасте и т д. Думаю это многим на этом канале было бы очень интересно! Спасибо
P.S. друзья, поддержите лайком чтобы автор увидел комментарий )
Полностью поддерживаю!
он учился в МГУ, не был учителем, только в качестве подработки. Начал изучать серьезно в 20 лет, в 21 устроился на первую работу. Сейчас ему 23.
@@hellohello4454 красавчик вообще! Как за такое короткое время смог столько всего усвоить интересно, может математический склад ума благодаря такому образованию поспособствовал.
@@andrewlevitsky6270 Нет
@@hellohello4454 а на кого он учился/учится? Он ведь не самоучка, он реально на высоком уровне шарит
Я простой человек, вижу Ульби урок и тоже ставлю лайк! Спасибо за знания!😀
Жду видео про то, как максимально правильно заливать сайт на сервак. То есть сборка проекта через докер, настройки nginx, купленного сервака, домена, сертификата безопасности и разворачивания проекта на всем этом.
Будет уникальный контент, на ютубе не нашел похожее.
Такое есть, русскоязычный канал от а до я показывал. Покупал сервак, домен, настраивал сервак, ssl, nginx, nodejs бекенд приложение опубликовал + react front. Крч там все есть, правда по просмотрам очень мало. Почему то ютуб такие полезные видео никак не рекомендует :(
@@ТёмаКоролёв-к6ф что это за канал ? «русский»?
@@usernnxn подвисну на тебе пока человек ответит
поддерживаю
Поддерживаю, где такой контент видели?)
Я человек простой - вижу ролик от Улби, ставлю лайк не глядя. Посмотрю как дорасту.
Удивительно, почти полтора года делал телеграм ботов, но про эту фишку не знал. Надо опробовать, как обычно, спасибо за видос!
Для локального дебага прокидываем порт в интернет через ngrok, ссылку которую дает ngrok даем боту, всё, получился локальный дебаг :)
Ngrok раздаёт небезопасное https соединение, подвязать к телеге можно, но нужно будет передавать в заголовках пропуск авторизации в нжрке
Для дебага на локальной машине можно использовать ngrok он даст временный домен и останется только прокинуть нужный порт на роутере. Сам с телеграмом не пробывал но должено сработать
тоже хотел ngrok посоветовать. с ботом на пайтоне все работает
Поддерживаю, хороший совет, тоже хотел сказать про ngrok
жаль, что сразу не полез в комментарии, пришлось воспользоваться яндексом )) единственное в реакте в package.json изменить порт на 80 "start": "set port=80 && react-scripts start"
Можешь подсказать, как сделать , чтобы в телеграм боте на python aiogram при нажатии на кнопку в сообщении в чат писалась команда?
Телеграм боты дружат с ngrok и я думаю это подходящее решение под урок и дебага
Смотрю постоянно твои ролики. Очень структурированная речь.
Нравится твоя подача материала. Реально полезные ролики выпускаешь.
Спасибо тебе большое, что тратишь свое личное время и делишься бесценным опытом.
Класс! Теперь я смогу реализовать все свои самые сочные и влажные фантазии в телеграм боте! Пасиба!
node js, react js, telegram API
Ещё урок не смотрел, но уже знаю что будет пушка 🚀
Огонь 🔥 спасибо что ты у нас есть 😊 очень полезно
Спасибо. Было интересно) Я все же начал делать на telegraf, тк хотелось на nestjs сделать и не нашел других библиотек, кроме как на telegraf. Было бы здорово сделать серию роликов про ci/cd для фронтеров, а то всегда боль какая-то с этим разворачиванием, поиском норм хостеров, чтобы и ноду и постгрю можно было не дорого развернуть, и как выбираешь тот или иной хостинг, про создание простеньких пайплайнов и тп. И еще бы было здорово касаться тестирования хоть немного, это очень важная тема, которую надо всегда держать в голове и как можно скорей внедрять в разарботку, отдалдка та же в ноде не всегда тривиальная задача в vs code, а для отладки бота еще предстоит разбираться. В целом круто, так держать!
Вааау, наконец магазины в тг будут выглядеть нормально, а не кучей инлайн ссылок
Я сейчас делаю бота на телеграм для работы, очень крутые новые фичи, как раз то что нужно, спасибо!
Спасибо за новость о такой шикарной опции! И за подробные разъяснения по ее применению.
Красавчик, я только только сам по api все сделал. Вышел бы твой ролик неделю назад))
Раньше на освоения 1 часа видео от Ulbi я тратил 3 часа, сейчас 30 минут (с перемотками, так-как все понятно). Круто.
Отдельный лайк за текстовую версию ❤
Пока не посмотрел, но уверен, что контент как всегда крут! Лайк заранее)) Только зря на 00:59 светанул свой номер телефона - надеюсь, он у тебя не основной.
Пора открывать магазин🤣, спасибо Тимур!
где-то на 35й минуте слышал крики джунов ) видимо от скорости подачи контента ))
Ульби, я уже не ждал, когда в=будет видос с нодой. Как только стану биг бой девелопером, подпишусь на патреон)
Лайк можно ставить неглядя. Супер контент. Спасибо
я человек простой, вижу урок ульби ставлю лайк
Оу, пару минут назад)) Смотрим свеженькое
Очень хочется услышать обновленное углубленное занятие по телеграм ботам мини апсам! 🙄
Ждал ролик с 1 дня патча телеги)
То что нужно было, спасибо за контент. Было бы хорошо если бы сделал ещё урок про PERN в связке с JWT аутентификацией
У него есть интернет магазин небольшой с этим стэком
Как обычно годнота от Тимура подъехала! Спасибо тебе огромное)
Глазам не верю, как раз хотел поковыряться в этой новой фишке телеграмм API. Огромное спасибо за контент как всегда ТОП
Шикардос, Тимур! Как всегда, лучший!
Спасибо, Тимур! Не останавливайся пожалуйста 🙏
Как всегда на высоте брат!!!
Офигенно. Спасибо большое. Сам я три дня голову себе ломал над отдельными вопросами.
Редкий канал на русском с годной информацией. Спасибо, познавательно.
По поводу запуска локально. Никто не мешает в кнопку запихать url, который потом в hosts перенаправить на localhost. Но тогда надо где-то нарыть валидных сертификатов под указанный url, иначе web app не запустится (можно с прода взять, если есть живой прод с доменом). Либо использовать test enviroment телеги, в доках об этом написано. Тогда можно будет использовать http и пихать в кнопку прямо 127.0.0.1. Либо использовать ngrok, он ваш локальный порт делает доступным через свои серверы, дает общедоступный адрес с https. В таком случае в кнопку пихать адрес, выданный ngrok'ом, а запросы будут приходить на localhost, или куда скажете.
Ульби могуч! Ничего не скажешь.
Спасибо, полезный ролик. Понятно, интересно изложено. Особенно даже не само приложение, а выкладка его на сервер и работа с netlify.
всё очень круто, отличная подача материала. Но настолько быстро что мне как начинающему допустим очень сложно понимать всё не успеваю за тобой
😊
Да, надо на видео реально скорость замедлять через настройки
Спасибо за видео, по поводу дебага, я для себя использую такой способ:
- Поднимаю туннель через ngrok (Можно использовать аналоги)
- Android смартфон (Включаем USB Debugging + Два долгих тапа по версии приложения Telegram в настройках самого приложения, включаем WebView debug)
- Запускаю чат с WebApp
- Подключаю смартфон к компу, запускаю Chrome (chrome://inspect/#devices) - Выбираю нужное устройство
- Дебажу
Как всегда супер! Пришлось кстати.
Спасибо за контент!
вопрос: есть функция sendData(), которая позволяет отправить сообщение из WebApp на сервер к боту. А есть ли аналогичный способ отправить данные в web app с сервера? Что-то в роде sendDataToWebApp(). Или через бота отправить данные в web app не получится и лучше сделать http сервер, откуда web app будет подтягивать данные?
Вау, ты очень крут! И ты засветил номер свой)
хахах норм это тестовый акк
Блин😥, только не звони туда ладно🤫
ура, новый видос у Тимура, лайк
Отличный ролик! Спасибо!
Хорошая возможность делать интеграции с telegram!
Как всегда все качественно и понятно
I love your videos😍😍😍 Огромное спасибо 😇
Тимур, спасибо тебе за канал и контент. часто возвращаюсь что-то уточнить как в энциклопедию)
я человек простой: вижу Улби-урок и ставлю лайк
Красавчик , я так понимаю что бот синхронизируется с определенной вебстраницей и берет данные от туда после чего показывает как браузер , после манипуляций с браузером телеграм принимает данные от сайта и выводит в рабочую область . Хороший ход со стороны ТГ , если так дальше пойдёт то весь СНГ онлайн рынок перейдет в ТГ.
Бро спасибо огромное, реально помог, я хочу сделать свою тапалку приложения, ты очень помог,спасибо тебе огромное, рассказал всё на отлично)
Спасибо за интересный проект!
Дебажить можно при помощи ngrok - должно помочь.
Просто пушка Тимур👍
Как всегда, обалденный контент👍
Отличный материал! Спасибо большое!
Классный ролик! Когда есть маленький ребенок то сложно концентрироваться (пару раз слышал плачь, поздравляю если это ваш)))
Привет, большое спасибо за то, что ты делаешь, хотелось бы в подобных роликах немного по подробнее и как-то по медленнее пусть ролик и затянется минут на 20. Просто постоянно нить то и дело теряется.
Здравствуй Тимур, благодарю за подробный рассказ о новшествах в api телеги.
*Л. а. й. к.*
и
*Р. е. с. п. е. к. т.*
искал и нашел! четкий ролик! спасибо, автор!
Отличное видео! Спасибо!) Как раз то, что искал
⚡Для удобного дебага можно туннель сетевой через NGROK поднять.
Изменения почти на лету будут подтягиваться, разве что хотрелоада нет))
Если нужны подробности, могу расписать алгоритм ниже🤓!
Тимур, спасибо за классный контент!
привет. Не мог бы ты расписать алгоритм ?
Самый годный материал и подача на Ютюбе👍
Можно использовать Ngrok для отладки бота, очень удобно.
есть вопрос не совсем по теме но все же. Я разрабатываю сайт на react который может подписываться на события в блокчейне, и хочу чтобы еще бот телеграмма выкладывал в чат эти события. Каким способом можно их так сказать "подружить". Возможно ли запускать одновременно приложение на react и бота телеграм
Просто офигенно, я в шоке)))
Спасибо что создаешь такой крутой контент, очень простой и понятный материал
Тимур, мы все тебя любим😀❤
Им (команде телеги) бы сделать так, чтобы такие боты не покидали чат/канал. Чтобы посетители внутри могли видеть и пользоваться фишками вебапов. А то сейчас нажимаешь на ссылку бота и улетаешь куда то туда...
Привет! А что значит " нажимаешь на ссылку бота и улетаешь куда то туда"? типо открывается браузер телеги имеется ввиду? Вопрос не что бы докопаться, а просто хочу узнать эту тему.
@@innokentyk9016Да. Условно говоря, нельзя перейти по внешней ссылке сразу на красиво оформленный webapp-магазин. Сначала откроется убогий по ui/ux канал, там запустить бота (желательно знать заранее о существовании такового).
Нужна, прям очень нужна ещё одна сущность в дополнение к чатам и каналам в телеге. В виде самостоятельных вебаппов.
Вроде есть теперь возможность запускать веб приложение из attachment menu, как раз то что вы хотели
@@papsanlysenko5232 2 ляма евро только это стоит
Тимур когда курс можно будет приобрести снова?)
Спасибо за старания. Лайк
ребят, подскажите что делать, если все сделал по инструкции с официальной статьи из телеграма, а новых полей в window не появилось?
я пробовал просто вставлять скрипт из официальной инструкции, пробовал копирвать сам скрипт и создавать новый js файл для него, а потом подключать, вообше ничего не происходит, кроме того, что ошибка появляется, что поля Telegram в объекте window не существует..
Очень крутая информация, спасибо!
Нашёл способ как тестировать и/или отлаживать telegram web apps с пк
Go to Settings > Advanced > Experimental settings > Enable webview inspection.
Right click in the WebView and choose Inspect.
Нашёл это в доке по данной технологии
спасибо тебе, добрый человек, реально работает, и не нужно танцевать с бубном)
Вот это здорово!!! спасибо от души
У вас очень хороший урок !!! ,
но у меня есть претензии к телеграму .
Это штука очень плохо работает !!!.
Открываю web app на телефоне небольшой смах вниз и она полностью закрывается , неужели было так сложно сделать так чтобы при смахивание вниз он не закрывался.
Очень полезное видео для всех!
Лайк не глядя
Блин, я тебе лаки не глядя ставлю
Спасибо за видео.Мог бы ты сделать видео как заливаться на VPS приложение на express + psql
Можно использовать ngrok для отладки локального приложения.
Из-за упрощения совсем упустили важный момент: безопасность общения с бэком. Сейчас может любой слать запросы на эндпоинты бэка. Нужен какой-то токен дополнительный, особенно если вы товары будете с него получать (которые в ролике захардкодили в массив). Бэк будет отвечать всем желающим? Это очень важдый момент, хотя бы в двух словах надо было упомянуть концепцию этого момента. А то вообще оторвано от реальности.
Сейчас столкнулся с проблемой того что не считывает переменные .Env файл. В гитигнор кинул, клонировал на сервере, скачал dotenv но не работает. Согласен, что было бы полезно в этом видео показать как работать с env
Всё понятно. Спасибо. На какой минуте шифруете токен от тг бота? Или шифрования нет? У меня гитхаб ругнулся на то что я шифр не захэшировал
храни в локальной переменной кек
@@golfie3309 это .env?
Лайкос большой сначала =)
Очень круто. Повторили бы на Пайтон)
Все очень понятно. Спасибо
Спасибо большое! Хорошее видео!
Как ты с фронта https смог достучаться до бековского http?
Агонь видос
Мне кажется, или MongoDB уже не является связкой по умолчанию для стека с нодой, и все чаще применяется Postgres?
very nice and helpfull topic and i need this webapp I will connect with my bot
Контент как обычно пушка)
web приложение в телеграм это же действительно killer feature
вопрос с безопасностью остался открытым. На бэке никак не проверяется подлинность пользователя тг. Осталась возможность подделать хттп запрос от имени другого пользователя каким-то постмэном. У тебя бэк никак это не проверит. При работе с деньгами (а инет-магазин подразумевает работу с деньгами) это может быть критично.
опа контент подъехал
огромное спасибо за контент!
если с телеги даже на локалку сообщения прилетают, получается нода коннектится к сервакам node-telegram-bot-api
и всё общение через их сервера проходит?
Тимур тупо топ !
А можно использовать другие языки? Точнее Golang можно использовать?