Как создать телеграм бота на JS, Бот на Telegraf и деплой на Heroku
ฝัง
- เผยแพร่เมื่อ 25 ธ.ค. 2024
- В этом уроке я покажу как создать телеграм бота на JS. Я расскажу как написать телеграм бота на JavaScript с использованием библиотеки Telegraf для создания бота. Мы рассмотрим весь процесс с начала инициализации проекта node js до деплоя (развертывания) бота на удаленный сервер. После того как мы выполним деплой телеграм бота на Heroku любой желающий сможет пользоваться вашим телеграм ботом. Этот урок про telegram bot для начинающих и тут я все подробно объясняю, поэтому если хочешь узнать как создать телеграм бота на JavaScript используя Telegraf js то обязательно смотри весь урок от начала и до конца.
Шпаргалка и код: github.com/mor...
Обзор моего телеграм бота: • Telegram BOT от ITDoct...
Шаблонные строки на JavaScript: • #3 Шаблонные строки, С...
Тернарный оператор на JavaScript: • #6 Диалоговые окна, Ус...
Курс по JavaScript: • Уроки по JavaScript
Перехват ошибок try catch на JavaScript: • #10 Документация кода ...
Курс по GitHub: • Уроки по Git и GitHub
⚡️ Эксклюзив на Boosty - boosty.to/itdo...
💡 Telegram канал - t.me/itdoctor_...
🎥 Курсы на Stepik - stepik.org/use...
💰 Донаты на ЮMoney - sobe.ru/na/itd...
ВКонтакте - itdocto...
Яндекс Дзен - zen.yandex.ru/...
Rutube - rutube.ru/chan...
#telegrambot #bot #tgbot #telegraf #telegrafjs #javascript #js #itdoctor
Супер курс по JavaScript: stepik.org/z/113653
Возможно, как и многие, искал способ запустить бота на бесплатном хостинге. Спасибо тебе большое, очень выручил!
Всегда пожалуйста
Спасибо за урок особено за Telegraf и деплой на Heroku, еще раз спасибо)
Пожалуйста
Я не смотрел твой урок, а сразу перемотал на деплой на heroku. И хочу сказать спасибо, что ты помог обойти очень распространенную проблему при деплои. Именно заменой web на worker. При команде web, Heroku через время убивал бота. В логах была ошибка с портами. Но при работе worker, все работает как надо.
Пожалуйста
Автору респект! очень крутой и понятный урок. Побежал писать бота))))
Спасибо!
50:00 конец написания бота, хороший урок, cпасибо!)
Лучший канал. Протое и подробное видео!!!!!!
Спасибо что оценили, рад слышать!
Интересный , важный урок. Жаль ,что мало лайков и комментариев! Ваши знания дорожи других You Tube учителей =)
Спасибо
Очень много уроков посмотрел, еле нажел подробное видео. Лайк
Спасибо
Выражаю благодарность автору за столь полезный видеоурок!
Спасибо что оценили!
Огромное спасибо!!! Отличная подача информации и главное нужной информации!!! Если бы наткнулся на это видео раньше, то сэкономил уйму времени!)
Рад что оценили! Если бы я сам нашел большинство из своих видео когда-то.... поэтому канал и создавал, что не находил много а узнавал все из книг и на личном опыте. и хотелось помочь другим людям и сделать этот процесс обучения более простым и собрать сразу много чего в одном месте. А не по крупицам это выискивать как это было у меня.
Классно! Я много прематывал, потому что многое уже знаю. Но когда только начинал программировать, именно такого подробного объясниеия хотел
Понимаю
Первый лайк от меня,от души)
Супер контент, спасибо!
спасибо что цените
Thank you so much from Kazakhstan!
Thanks a lot
Очень классное видео с нужной и полезной информацией 👍👍👍. Как раз сейчас изучаю JS и хотел на нём бота. Автору огромное спасибо! Только недавно наткнулся на канал и столько полезной информации, автор, Вам успехов в ваших делах.
Спасибо. Вам тоже достичь задуманного! Надеюсь мой канал будет вам помощником в этом
Полезный материал, хоть и 2 года назад!
спасибо
Спасибо большое. Все понятно!
Всегда пожалуйста
Полезное видео, спасибо!
Пожалуйста
Спасибо большое за видео! Очень помогло разобраться в начале, классно объясняешь что к чему)
Спасибо, рад что понравилось и было полезно
Спасибо за отличную подачу материала!
Рад что оценили!
Благодарю, полезное руководство 🔥
Спасибо что оценили
Поставил лайк. Хороший контент.
спасибо
Спасибо за урок
Пожалуйста
Assalamu alaykum. Видео очень класная worker и остальные вещи очень полезные. Спасиба для Автора .
да наградит его Аллах
Спасибо
спасибо за видео!
пожалуйста
Спасибо за видео. Супер понятно и полезно ! 🙏
пожалуйста
Спасибо, помогло)
Пожалуйста
Лучший!
спасибо
just the best!!!🤟
Спасибо
Спасибо большое было очень интересно
Пожалуйста
Большое спасибо за урок, жаль что кнопки не объяснил которые под полем ввода выводятся. Но благодаря тебе я впервые запустил нормального простого бота.
Спасибо БОЛЬШОЕ!
Пожалуйста
Подскажите ,как сделать ,что бы после нажатия на кнопку появлялось еще несколько других кнопок?
Ну, в целом интересно. По сути показали основной функционал, хотите больше, читайте оф документацию
В зависимости от конкретно идеи нужно придумывать реализацию. У меня появилась такая задумка и я ее в общем то реализовал. Показал на этих примерах. А так можно и сложные алгоритмы какие то писать на js и с помощью сторонних npm плагинов что то реализовать. Возможности безграничны.
57:37 - подскажите плиз кто знает что это за Dynos такие и в чем был смысл переключения с web на worker?
Давай на PHP
Добрый день! Так для работы бота на хостинге должна быть установлена нода?
Thanks 😊
Пожалуйста
3:40 не очень понял как вы открыли каталог, можно пояснить поподробнее пожалуйста
File / Open Folder и выбираем каталог. в VS Code это так работает
Здравствуйте.
Просмотрел Ваши образовательные ролики по JS. Сейчас читаю литература по telegraf.js и возникают вопросы о том, как правильно использовать то, что написано в этой литературе, скорее всего это связано с недостатком знаний, но все же, если у Вас будет возможность, снимите образовательное видео о том, как правильно "Читать и использовать документацию" к модулям или пакетам nvp.
спасибо что делитесь пожеланиями и мнением.
а что за тема в вскоде скажите пожалуйста?
и чем заменить хироку для деплоя?
тема Dracula Official тут показывал свои любимые темы th-cam.com/video/BS4XeyeAq7M/w-d-xo.html
заменить хироку не скажу чем. не задавался вопросом. держу ботов у себя локально. Аналоги есть точно, почитать в интернете можно. Но скорей всего бесплатных не будет, ну или жесткие ограничения и в любом случае придется платить если нужен нормальный сервер
Очень крутое видео! А можешь сделать что-то только на PHP пожалуйста
что делать, если код после вставки красным подсвечивается?
(10:13)
было бы здорово посмотреть как к кнопке прикрутить ссылку для перехода на другой сайт
При попытке запуска через терминал(команда npm run dev) возникает такая ошибка: /home/bot/node_modules/telegraf/lib/core/helpers/compact.js:11
return Object.fromEntries(compactEntries);
С чем это может быть связано?
9 минута и хвала богам ю-тюба всё понятно но бот не стартует)))
Подскажите пожалуйста, как подключить Гугл таблицы к боту? Что бы информация бралась не из cons, а из таблицы
Вот тут посмотрите, я лично не делал поэтому не уверен в этой инструкции, но думаю вы разберетесь telegra.ph/TELEGRAM-BOTS-21221-07-15#%D0%9F%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-Google-%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B
👍 I 100 comment
Прекрасно!
Можно было сделать админку и удаление кнопок после нажатия
Видео очень познавательное, спасибо за урок. Вопрос, есть ли возможность прописать скрипт боту, при котором он будет пересылать мне допустим в лс сообщение от пользователя, например отзыв или оценку, которую поставил пользователь боту
Думаю да. Но все это надо искать в документации, я всех возможностей не знаю. Есть в репозитории по телеграфу примеры ботов github.com/telegraf/telegraf/tree/v4/docs/examples можете посмотреть в коде готовых ботов , возможно найдете то что нужно
@@ITDoctor O_o, спасибо, этот сайт в будущем сильно пригодится, хоть я и не шарю в английском, но думаю с помощью переводчика разобраться смогу, блин, думаю куплю у тебя курс по frontend, ибо начинал с него, дошел до js и на массивах слился, смотрел ютубера "Фрилансер по жизни", а курсы стоят около 100к в среднем
@@s0mbrrer0 курс по фронтенду больше на сайты нацелен. Но в любом случае он должен дать понимание многих вещей. Все внимательно читайте на его странице перед тем как покупать, чтобы вы точно знали. В Телеграме есть промокод на этот курс если что
Спасибо большое!
Если мы попросим пользователя ввести определенную информацию, как эта информация (введенный текст) может быть получена для последующего использования?
Ну да
спасибо за урок! очень полезный. а можно ли создать бота который может скачать видео, изображения, аудио файлы из соцсетей?!
Конечно
После подключения файла, где написаны заготовки для текста, появляется такая ошибка - "[nodemon] app crashed - waiting for file changes before starting..."
Как исправить?
google: stackoverflow.com/questions/37486631/nodemon-app-crashed-waiting-for-file-changes-before-starting всех ошибок я не знаю и не могу ответить как их исправлять, а вот интернет может
Блин..( картинку которую я загрузил находит но не приходит когда я вывожу в тг error_code:400 и что делать..
Что если выбывает ошибку по типу
aiting for file changes before starting
ожидание изменений файла перед запуском
да значит в коде какая то ошибка, у меня часто так бывает с нодмоном, сама Ide может показать что проблем нет но они есть раз появляется эта ошибка
@@bisskvitik Просто иногда когда все работает и ты просто перезагружаеш и выбивает эту ошибку
@@Lazer_Yu если хочешь можешь показать мне код просмотрю у меня не так много опыта но попробую понять.
Возмжно в коде нет синасической ошибка, а что то не так с логикой кода.
@@Lazer_Yu В терминале когда выдает такую ошибку можно чуть чуть прокрутить верх, обычно там бывает объяснение, например
cannot read propertyes of undefined
а как сделать, чтобы бот цитировал сообщение?
У меня VS не показывает команды типа replyWith и т.д. Что у меня может быть не так? Спасибо
что значит не показывает? не подсвечивает или не выдает в подсказках когда начинаете вводить символы?
@@ITDoctor не выдает в подсказках когда начинаю вводить символы
@@cars_owners ну вообще intellisence для js поддерживается по умолчанию в vs code может надо его переустановит попробовать
Сейчас какие-то проблемы с хероку, слышали что-нибудь об этом? Что делать?
не слышал. но сейчас со всем проблемы, так что я не удивляюсь ни чему
в ресурсах не появляется команда worker после деплоя. полдня провозился, не знаю в чем дело.
надо читать документацию. там много изменений было в последнее время.
Добрый день. Только вот Хероку уже платный
всё меняется
У меня не получилось зарегистрироваться в Heroku. Он недоступен в России?
у них изменились тарифы это точно. насчет доступности не знаю. вроде работает у меня
Исмаил ты классный. Слежу за тобой ещё с твоих первых видео потом красава с армии даже видео делал. Одного не пойму при таком качестве видео такой малый фитбэк. Может тебе человека найти кто каналом займётся? При таких хороших видео странно что так слабо с подписчикам и просмотрами. Все мир
Спасибо
Досмотрел до 13 минуты, всё красиво, но упустил как у нас бот вдруг заработал... Дальше по видео наверное разъясняется. Но не очень понятно, особенно новичку наверное... Вроде на локальном сервере запускали, а тут пара библиотек, несколько строчек кода... раз и бот стал отвечать уже... Я ботов на php делал... Но тут растерялся, так красиво заработало и быстро
как называтся тема редактора
Dracula
Deploy платным стал? у меня 7$ вышло
кто то говорил про это в комментариях. я сейчас не пользуюсь Heroku
ага, у меня тоже 7$ :(
не получается сделать так, чтобы бот отправил песни
Для полных нубов. В видео написан не бот, а просто копи паст из доки и добавлена 1 inline клавиатура. Ох уж эти блогеры гуру программирования
а зачем такому гуру программисту как вы смотреть видео уроки которые для самых самых начинающих рассчитаны?
Я полный нуб, и такие видео для полных нубов мне помогают.
Сделай бота для вайбера
попробуем
не понимаю почему у меня error env Там где :
Какая у тебя тема редактора ?
Dracula official
@@ITDoctor спасибо
Нодмон? Может всё-таки ноудемон?)
Ну если бы я вел курсы английского то я бы ответил на этот вопрос
@@ITDoctor это больше шутка, а не придирка - ведь речь идёт о node.js. Можно и так, и так, т.к. есть такая штука, как demon - что-то запускаемое в фоновом режиме. Спасибо!
Всегда пожалуйста
22:21
Из рашки в heroku теперь не зарегистрироваться. Есть ли какие-нибудь аналоги?
Можно у себя на компе держать их запущенными. Или отдельный комп сделать как сервак. Я так делаю уже давно держу все у себя на компе запущенным. Но комп работать должен всегда. Вот тут я описывал всё подробно th-cam.com/video/fvwMPHiplOI/w-d-xo.html. Ну и конечно есть другие хостинг и сервера платные надо поискать просто
@@ITDoctor ок, благодарю!
ПРивет автор! спасибо за урок очень все доходчиво понятно и голос приятный! Чувствуется талант учить! Только вы написали "dev" : "inxex.js" это очепятка?)
Спасибо что оценили. да опечатка однозначно.
@@ITDoctor Подскажите почему после закрытия сеси и бот перестал работать. сегодня включил комп отрыл проект, а бот не пашет. Давайте созвонимся в гуле или телеграмм. я хочу что бы вы подсказали мне как присвоить функции кнопкам. а еще у меня есть идея видео: видео урок я ученик вы учитель. как вам такая история. И мы в пот просмотров )
Шикарно, спасибо за урок! На его основе сделал свой первый проект для nodejs - своего бота с улучшениями @TryToGuessIt_bot
Прикольно, посмотрел вашего бота! рад что видео было полезно