Как создать телеграм бота на JS, Бот на Telegraf и деплой на Heroku

Подписаться 70 тыс.

Просмотров 39 тыс.

50% 1

В этом уроке я покажу как создать телеграм бота на 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

Опубликовано:

17 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 147

@ITDoctor 3 года назад

Супер курс по JavaScript: stepik.org/z/113653

@Victor-vy6qe 3 года назад

Спасибо за урок особено за Telegraf и деплой на Heroku, еще раз спасибо)

@ITDoctor 3 года назад

Пожалуйста

@НиколайПопурей 3 года назад

Я не смотрел твой урок, а сразу перемотал на деплой на heroku. И хочу сказать спасибо, что ты помог обойти очень распространенную проблему при деплои. Именно заменой web на worker. При команде web, Heroku через время убивал бота. В логах была ошибка с портами. Но при работе worker, все работает как надо.

@ITDoctor 3 года назад

Пожалуйста

@m1akarov442 2 года назад

Интересный , важный урок. Жаль ,что мало лайков и комментариев! Ваши знания дорожи других You Tube учителей =)

@ITDoctor 2 года назад

Спасибо

@Carbonar0 3 года назад

50:00 конец написания бота, хороший урок, cпасибо!)

@ОльгитаТатарченко-ъ2э Год назад

Лучший канал. Протое и подробное видео!!!!!!

@ITDoctor Год назад

Спасибо что оценили, рад слышать!

@JustTrace17 2 года назад

Возможно, как и многие, искал способ запустить бота на бесплатном хостинге. Спасибо тебе большое, очень выручил!

@ITDoctor 2 года назад

Всегда пожалуйста

@mafiakz2023 Год назад

Очень много уроков посмотрел, еле нажел подробное видео. Лайк

@ITDoctor Год назад

Спасибо

@billburr2742 2 года назад

Огромное спасибо!!! Отличная подача информации и главное нужной информации!!! Если бы наткнулся на это видео раньше, то сэкономил уйму времени!)

@ITDoctor 2 года назад

Рад что оценили! Если бы я сам нашел большинство из своих видео когда-то.... поэтому канал и создавал, что не находил много а узнавал все из книг и на личном опыте. и хотелось помочь другим людям и сделать этот процесс обучения более простым и собрать сразу много чего в одном месте. А не по крупицам это выискивать как это было у меня.

@maestro_uyx Год назад

Очень классное видео с нужной и полезной информацией 👍👍👍. Как раз сейчас изучаю JS и хотел на нём бота. Автору огромное спасибо! Только недавно наткнулся на канал и столько полезной информации, автор, Вам успехов в ваших делах.

@ITDoctor Год назад

Спасибо. Вам тоже достичь задуманного! Надеюсь мой канал будет вам помощником в этом

@SolutionsByPVV Год назад

Выражаю благодарность автору за столь полезный видеоурок!

@ITDoctor Год назад

Спасибо что оценили!

@やくざちらつき 3 года назад

Первый лайк от меня,от души)

@andrewkosten902 7 месяцев назад

Супер контент, спасибо!

@ITDoctor 6 месяцев назад

спасибо что цените

@ВиталийНагаев-д9й 7 месяцев назад

Автору респект! очень крутой и понятный урок. Побежал писать бота))))

@ITDoctor 7 месяцев назад

Спасибо!

@beksultanomirzak9803 Год назад

Thank you so much from Kazakhstan!

@ITDoctor Год назад

Thanks a lot

@vladimirww5152 2 года назад

Классно! Я много прематывал, потому что многое уже знаю. Но когда только начинал программировать, именно такого подробного объясниеия хотел

@ITDoctor 2 года назад

Понимаю

@Aleks-lk1et 9 месяцев назад

Полезный материал, хоть и 2 года назад!

@ITDoctor 9 месяцев назад

спасибо

@yarkir4227 2 года назад

Благодарю, полезное руководство 🔥

@ITDoctor 2 года назад

Спасибо что оценили

@denisbychkov6291 2 года назад

Полезное видео, спасибо!

@ITDoctor 2 года назад

Пожалуйста

@ДмитрийМанжос-б4ш Год назад

Спасибо большое за видео! Очень помогло разобраться в начале, классно объясняешь что к чему)

@ITDoctor Год назад

Спасибо, рад что понравилось и было полезно

@serjdenisov2114 2 года назад

Спасибо за отличную подачу материала!

@ITDoctor 2 года назад

Рад что оценили!

@hauntedbabytape8170 Год назад

Спасибо большое. Все понятно!

@ITDoctor Год назад

Всегда пожалуйста

@aleksandr1277 2 года назад

Поставил лайк. Хороший контент.

@ITDoctor 2 года назад

спасибо

@giyosiddinshokirov1303 2 года назад

Assalamu alaykum. Видео очень класная worker и остальные вещи очень полезные. Спасиба для Автора . да наградит его Аллах

@ITDoctor 2 года назад

Спасибо

@МаксимГнилицкий-с1с 2 года назад

Спасибо за урок

@ITDoctor 2 года назад

Пожалуйста

@the.strangeland 2 года назад

Спасибо за видео. Супер понятно и полезно ! 🙏

@ITDoctor 2 года назад

пожалуйста

@Mrnsky 2 года назад

Большое спасибо за урок, жаль что кнопки не объяснил которые под полем ввода выводятся. Но благодаря тебе я впервые запустил нормального простого бота.

@ArslanArslan-ph2pz 3 года назад

Давай на PHP

@Sobanim 3 года назад

Ну, в целом интересно. По сути показали основной функционал, хотите больше, читайте оф документацию

@ITDoctor 3 года назад

В зависимости от конкретно идеи нужно придумывать реализацию. У меня появилась такая задумка и я ее в общем то реализовал. Показал на этих примерах. А так можно и сложные алгоритмы какие то писать на js и с помощью сторонних npm плагинов что то реализовать. Возможности безграничны.

@Wo0zZ1 2 года назад

Лучший!

@ITDoctor 2 года назад

спасибо

@BagaevRoman 2 года назад

Спасибо БОЛЬШОЕ!

@ITDoctor 2 года назад

Пожалуйста

@ДанилСамарин-о9ш Год назад

спасибо за видео!

@ITDoctor Год назад

пожалуйста

@maxichannel9080 11 месяцев назад

Здравствуйте. Просмотрел Ваши образовательные ролики по JS. Сейчас читаю литература по telegraf.js и возникают вопросы о том, как правильно использовать то, что написано в этой литературе, скорее всего это связано с недостатком знаний, но все же, если у Вас будет возможность, снимите образовательное видео о том, как правильно "Читать и использовать документацию" к модулям или пакетам nvp.

@ITDoctor 11 месяцев назад

спасибо что делитесь пожеланиями и мнением.

@vansowboy 2 года назад

Спасибо, помогло)

@ITDoctor 2 года назад

Пожалуйста

@valPhonker 2 года назад

Спасибо большое было очень интересно

@ITDoctor 2 года назад

Пожалуйста

@vr_masha 2 года назад

Подскажите ,как сделать ,что бы после нажатия на кнопку появлялось еще несколько других кнопок?

@infin1tyzet916 3 года назад

Очень крутое видео! А можешь сделать что-то только на PHP пожалуйста

@yelzhanumbetov1955 2 года назад

just the best!!!🤟

@ITDoctor 2 года назад

Спасибо

@djFedotov 2 года назад

9 минута и хвала богам ю-тюба всё понятно но бот не стартует)))

@СергейБондаренко-ц9э Год назад

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

@enotka_6164 Год назад

👍 I 100 comment

@ITDoctor Год назад

Прекрасно!

@Sober_Travel Год назад

Для полных нубов. В видео написан не бот, а просто копи паст из доки и добавлена 1 inline клавиатура. Ох уж эти блогеры гуру программирования

@ITDoctor Год назад

а зачем такому гуру программисту как вы смотреть видео уроки которые для самых самых начинающих рассчитаны?

@asylbekovruslan 6 месяцев назад

Я полный нуб, и такие видео для полных нубов мне помогают.

@swordali 2 года назад

Thanks 😊

@ITDoctor 2 года назад

Пожалуйста

@user-si6ww3gi2l 3 года назад

Можно было сделать админку и удаление кнопок после нажатия

@VRazvedkaSPN 2 года назад

Исмаил ты классный. Слежу за тобой ещё с твоих первых видео потом красава с армии даже видео делал. Одного не пойму при таком качестве видео такой малый фитбэк. Может тебе человека найти кто каналом займётся? При таких хороших видео странно что так слабо с подписчикам и просмотрами. Все мир

@ITDoctor 2 года назад

Спасибо

@1654045 Год назад

57:37 - подскажите плиз кто знает что это за Dynos такие и в чем был смысл переключения с web на worker?

@ZigZagUdachich Год назад

Добрый день! Так для работы бота на хостинге должна быть установлена нода?

@endrys00 Год назад

3:40 не очень понял как вы открыли каталог, можно пояснить поподробнее пожалуйста

@ITDoctor Год назад

File / Open Folder и выбираем каталог. в VS Code это так работает

@ПареньПростой-е8л 2 года назад

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

@РамазанМагомедов-ы6ж 2 года назад

Конечно

@m.s.5610 Год назад

При попытке запуска через терминал(команда npm run dev) возникает такая ошибка: /home/bot/node_modules/telegraf/lib/core/helpers/compact.js:11 return Object.fromEntries(compactEntries); С чем это может быть связано?

@alimahmoudmansour9681 2 года назад

Спасибо большое! Если мы попросим пользователя ввести определенную информацию, как эта информация (введенный текст) может быть получена для последующего использования?

@РамазанМагомедов-ы6ж 2 года назад

Ну да

@s0mbrrer0 2 года назад

Видео очень познавательное, спасибо за урок. Вопрос, есть ли возможность прописать скрипт боту, при котором он будет пересылать мне допустим в лс сообщение от пользователя, например отзыв или оценку, которую поставил пользователь боту

@ITDoctor 2 года назад

Думаю да. Но все это надо искать в документации, я всех возможностей не знаю. Есть в репозитории по телеграфу примеры ботов github.com/telegraf/telegraf/tree/v4/docs/examples можете посмотреть в коде готовых ботов , возможно найдете то что нужно

@s0mbrrer0 2 года назад

@@ITDoctor O_o, спасибо, этот сайт в будущем сильно пригодится, хоть я и не шарю в английском, но думаю с помощью переводчика разобраться смогу, блин, думаю куплю у тебя курс по frontend, ибо начинал с него, дошел до js и на массивах слился, смотрел ютубера "Фрилансер по жизни", а курсы стоят около 100к в среднем

@ITDoctor 2 года назад

@@s0mbrrer0 курс по фронтенду больше на сайты нацелен. Но в любом случае он должен дать понимание многих вещей. Все внимательно читайте на его странице перед тем как покупать, чтобы вы точно знали. В Телеграме есть промокод на этот курс если что

@ОлегДубалар 2 года назад

что делать, если код после вставки красным подсвечивается? (10:13)

@vr_masha 2 года назад

Подскажите пожалуйста, как подключить Гугл таблицы к боту? Что бы информация бралась не из cons, а из таблицы

@ITDoctor 2 года назад

Вот тут посмотрите, я лично не делал поэтому не уверен в этой инструкции, но думаю вы разберетесь 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

@TDates 2 года назад

Досмотрел до 13 минуты, всё красиво, но упустил как у нас бот вдруг заработал... Дальше по видео наверное разъясняется. Но не очень понятно, особенно новичку наверное... Вроде на локальном сервере запускали, а тут пара библиотек, несколько строчек кода... раз и бот стал отвечать уже... Я ботов на php делал... Но тут растерялся, так красиво заработало и быстро

@NeGovoriNet 2 года назад

а как сделать, чтобы бот цитировал сообщение?

@Евгений-г2у9ф Год назад

После подключения файла, где написаны заготовки для текста, появляется такая ошибка - "[nodemon] app crashed - waiting for file changes before starting..." Как исправить?

@ITDoctor Год назад

google: stackoverflow.com/questions/37486631/nodemon-app-crashed-waiting-for-file-changes-before-starting всех ошибок я не знаю и не могу ответить как их исправлять, а вот интернет может

@derty9168 2 года назад

Сейчас какие-то проблемы с хероку, слышали что-нибудь об этом? Что делать?

@ITDoctor 2 года назад

не слышал. но сейчас со всем проблемы, так что я не удивляюсь ни чему

@xiol1k842 2 года назад

Блин..( картинку которую я загрузил находит но не приходит когда я вывожу в тг error_code:400 и что делать..

@djFedotov 2 года назад

попробуем

@evgeniy2chainzdev351 2 года назад

в ресурсах не появляется команда worker после деплоя. полдня провозился, не знаю в чем дело.

@ITDoctor 2 года назад

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

@Lazer_Yu Год назад

Что если выбывает ошибку по типу aiting for file changes before starting ожидание изменений файла перед запуском

@bisskvitik Год назад

да значит в коде какая то ошибка, у меня часто так бывает с нодмоном, сама Ide может показать что проблем нет но они есть раз появляется эта ошибка

@Lazer_Yu Год назад

@@bisskvitik Просто иногда когда все работает и ты просто перезагружаеш и выбивает эту ошибку

@bisskvitik Год назад

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

@bisskvitik Год назад

@@Lazer_Yu В терминале когда выдает такую ошибку можно чуть чуть прокрутить верх, обычно там бывает объяснение, например cannot read propertyes of undefined

@user-il3rl3np4s 7 месяцев назад

У меня не получилось зарегистрироваться в Heroku. Он недоступен в России?

@ITDoctor 7 месяцев назад

у них изменились тарифы это точно. насчет доступности не знаю. вроде работает у меня

@cars_owners 2 года назад

У меня VS не показывает команды типа replyWith и т.д. Что у меня может быть не так? Спасибо

@ITDoctor 2 года назад

что значит не показывает? не подсвечивает или не выдает в подсказках когда начинаете вводить символы?

@cars_owners 2 года назад

@@ITDoctor не выдает в подсказках когда начинаю вводить символы

@ITDoctor 2 года назад

@@cars_owners ну вообще intellisence для js поддерживается по умолчанию в vs code может надо его переустановит попробовать

@Теньун Год назад

Добрый день. Только вот Хероку уже платный

@ITDoctor Год назад

всё меняется

@metalhead-mh1864 2 года назад

не получается сделать так, чтобы бот отправил песни

@olegs9265 3 года назад

Сделай бота для вайбера

@user-rd5lp2wq2l 2 года назад

Нодмон? Может всё-таки ноудемон?)

@ITDoctor 2 года назад

Ну если бы я вел курсы английского то я бы ответил на этот вопрос

@user-rd5lp2wq2l 2 года назад

@@ITDoctor это больше шутка, а не придирка - ведь речь идёт о node.js. Можно и так, и так, т.к. есть такая штука, как demon - что-то запускаемое в фоновом режиме. Спасибо!

@ITDoctor 2 года назад

Всегда пожалуйста

@katzyard4336 2 года назад

не понимаю почему у меня error env Там где :

@sheiksl4446 Год назад

22:21

@shanzo294 2 года назад

как называтся тема редактора

@ITDoctor 2 года назад

Dracula

@ZoRTuL-p2n 2 года назад

Какая у тебя тема редактора ?

@ITDoctor 2 года назад

Dracula official

@ZoRTuL-p2n 2 года назад

@@ITDoctor спасибо

@Shuaige6 Год назад

Deploy платным стал? у меня 7$ вышло

@ITDoctor Год назад

кто то говорил про это в комментариях. я сейчас не пользуюсь Heroku

@teadrinker9206 Год назад

ага, у меня тоже 7$ :(

@read_and_listen 2 года назад

Из рашки в heroku теперь не зарегистрироваться. Есть ли какие-нибудь аналоги?

@ITDoctor 2 года назад

Можно у себя на компе держать их запущенными. Или отдельный комп сделать как сервак. Я так делаю уже давно держу все у себя на компе запущенным. Но комп работать должен всегда. Вот тут я описывал всё подробно ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fvwMPHiplOI.html. Ну и конечно есть другие хостинг и сервера платные надо поискать просто

@read_and_listen 2 года назад

@@ITDoctor ок, благодарю!

@user-ru6uz2no4v Год назад

ПРивет автор! спасибо за урок очень все доходчиво понятно и голос приятный! Чувствуется талант учить! Только вы написали "dev" : "inxex.js" это очепятка?)

@ITDoctor Год назад

Спасибо что оценили. да опечатка однозначно.

@user-ru6uz2no4v Год назад

@@ITDoctor Подскажите почему после закрытия сеси и бот перестал работать. сегодня включил комп отрыл проект, а бот не пашет. Давайте созвонимся в гуле или телеграмм. я хочу что бы вы подсказали мне как присвоить функции кнопкам. а еще у меня есть идея видео: видео урок я ученик вы учитель. как вам такая история. И мы в пот просмотров )