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