Надоевшая почта или как отправлять сообщения с сайта в Telegram через Node.js (Express)

Время глобализации настало – мессенджеры и социальные сети появляются как грибы после дождя. И хотя принцип их работы остаётся неизменным, некоторые детали в интерфейсе могут запутать. Поэтому бывает сложно разобраться в новом оформлении и расположении кнопок. И в свете нарастающей популярности нового проекта Дурова стоит научиться им пользоваться. Поэтому поговорим о том, как отправить сообщение в Телеграме.

Как отправить сообщение в Телеграм, если человек не добавлен в контакты?

Начнём с того, как написать контакту, которого нет в вашем телефоне. Способ, разумеется, есть, и он очевиден. Разберём два варианта: через телефон и с компьютера.

Через телефон

Для примера мобильного устройства возьмём Андроид. Но это не принципиально на самом деле – в этом плане интерфейс лишь немного отличается в зависимости от операционной системы.

  1. Открываем приложение.
  2. Жмём на иконку с карандашом в правом нижнем углу экрана.1-4.png
  3. Нам покажется весь контакт-лист. Здесь кликаем по плюсику в правом нижнем углу.2-5.png
  4. Остаётся дать имя и ввести номер. С этим вы справитесь без моих подсказок.
  5. Жмём на галочку в правом верхнем углу.

С компьютера

  1. Жмём на три горизонтальные линии в левом верхнем углу экрана. Вы наверняка их уже видели.
  2. Кликаем по «контактам».
  3. В открывшемся окне находим «Добавить контакт». Смело нажимаем.
  4. Вводим имя и номер телефона. Жмём «Добавить». Пишем. И больше не находим оправдание молчанию в том, что контакт не добавлен.

Как отправить самоуничтожающееся сообщение?

Мало кто знает, тем более из тех, кто только что пришел в Телегу, что здесь можно отправлять сообщения с таймером. Уничтожения. Не важно, что вы хотите отправить: пустое послание, картинку или много интересных и умных слов. Всё будет удалено после истечения срока. Но доступно такое только в секретном чате. Там, кстати, также много других особенностей, которые будут интересны людям с паранойей: ваш собеседник, например, не может сделать скриншот или переслать то, что вы написали. Также, если вдруг вы выйдете из своего аккаунта, всё будет удалено автоматически. Причем, вся информация такой переписки хранится на устройстве, а значит забота о безопасности кладётся на ваши плечи.

Перейдём к инструкции по созданию такого диалога и настройке таймера:

  1. Открываем меню свайпом вправо.
  2. Выбираем «Создать секретный чат».
  3. Выбираем контакт.
  4. Вот и всё, диалог создан.
  5. Чтобы установить таймер, кликаем по трём точкам в правом верхнем углу, затем – выбираем «Установить таймер самоуничтожения».
  6. Задаём время и жмём «Готово».

Рекомендуем к прочтению статью “Самоудаляющиеся сообщения и очищенный секретный чат: как это и многое другое осуществить в Телеграм?“.

Как отправить пустое сообщение?

Раз уж я обмолвилась выше о разных типах контента, который можно отправить, имеет смысл рассказать для начала как отправить пустое сообщение в Телеграме, а потом и ещё какую-нибудь информацию.

  1. Никак.

Это действительно так – многие пытаются создать такой код, который позволит отправить собеседнику или боту «ничего», но конкретного решения на просторах интернета нет. Может, когда-нибудь и появится, но точно не сейчас.

Читайте также статью “Пустые сообщения в ВК: цель создания и способы осуществления“.

А вот для вопроса «Как в Телеграме отправить картинку в сообщении?» решение есть. О нём и поговорим. Рассмотрим, как и в прошлый раз, мобильное устройство и компьютер. И с темой «Как отправить сообщение в Телеграме?» будет закончено. Чтобы осуществить это с телефона, необходимо:

  1. Открываем переписку.
  2. Находим иконку в форме скрепки и жмём на неё. На айфоне она может быть другой, но расположение будет то же.
  3. Откроется список возможного содержимого вашего сообщения. Выбираем нужное и отправляем. Если у вас гифка, выбирайте «файл».

С компьютера будет всё то же самое, но иконка будет в начале строки.

О том, как еще можно отправить гифки в Телеграм читайте в соответствующей статье.

Заключение

Кто бы мог подумать, что статья о том, как отправить сообщение в Телеграме получится такой длинной. Тем не менее, это так, и вы дочитали её до конца. Теперь вы гуру, и любой вид сообщений вам подвластен. Только не нужно слишком надеяться на конфиденциальность мессенджера – использовать ваши переписки против вас можно в любой социальной сети.

Читайте далее:

Стикеры в Телеграм: найти или создать?

1

Делимся ссылкой на Телеграм

1

Прокси для Telegram: где найти и как настроить?

1

Telegram – один из самых популярных мессендежров, позволяющий безопасно общаться с другими пользователями, пересылать файлы с любого устройства. Прежде чем начать работу с приложением, нужно разобраться, как правильно писать в Телеграме?

Об этом будет идти речь.

Как начать переписку

Для начала приложение нужно установить на мобильное устройство или ПК. Далее следует процедура регистрации с указанием ника, пароля в редакторе профиля.

После открывается список чатов. Изначально он будет пустым. Оставаться анонимно здесь запрещают.

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

Второй вариант начала общения – воспользоваться меню. Оно расположено в верхнем углу, как три горизонтальные линии. Нажав на них, выбрать пункт «Контакты». На экране появятся пользователи, с которыми можно открыть беседу.

Создание сообщения

Изначально мессенджер создавался для безопасного общения с юзерами. Поэтому основной функцией является написание, отправка писем. Как это сделать?

Пошаговая инструкция

Отправка сообщения.

Написать сообщение в Телеграме можно на смартфоне, компьютере. Каждый из вариантов имеет небольшие нюансы.

Когда используется дескотп-версия, алгоритм следующий:

  1. Запустить приложение.
  2. Начать новый диалог или открыть уже имеющийся.
  3. Внизу страницы есть поле, кликнув по которому появляется курсор.
  4. Воспользовавшись клавиатурой создать пост, нажать изображение самолетика, которое находится справа.
  5. Если письмо пришло адресату, рядом с ним появляется одна зеленая галочка. После прочтения их станет две.

Вести переписку можно на смартфоне. Так же позволено начинать общение на одном устройстве, а продолжать на другом. Главное, чтобы везде пользователь был активирован с одним аккаунтом.

Для владельцев телефона на Android процедура выглядит так:

  1. Открыть новую или уже имеющуюся беседу.
  2. Кликнуть по полю, которое находится внизу страницы.
  3. Вместе с курсором появляется клавиатура для ввода текста.
  4. Чтобы письмо оказалось у адресата, тапнуть изображение самолетика.

На iPhone сообщение создается следующим образом:

  1. Открывается беседа или создается первое СМС.
  2. Используется поле ввода для написания информации.
  3. Кликается кнопка Send. В некоторых устройствах она отображается, как изображение самолетика.

Редактирование

Иногда при написании создатель поста может допустить ошибку или решит исправить неточность информации. Если с момента размещения не прошло 48 часов, письмо можно откорректировать.

Для этого на ПК:

  1. Правой кнопкой мышки нажать на пост, выбрать «Изменить».
  2. Внести правки, тапнуть галочку.
  3. Письмо вновь появится. Рядом с ним можно увидеть отметку о том, что информация была отредактирована.

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

Для Андроид она выглядит следующим образом:

  1. Найти и выбрать отображение записи, где есть неточности.
  2. Подтвердить пункт «Изменить».
  3. Внеся корректировки, кликнуть по галочке справа.
  4. Отобразится новый вариант поста с отметкой о редактировании.

Для ios устройств это делается так:

  1. Кликнуть по посту, пункту Edit.
  2. Внести изменения, нажать Save.

Прикрепление файлов

Отправить сообщение в Телеграме можно не только в виде напечатанного текста. Есть возможность обмениваться аудио, видео со звуком, другими файлами.

Для этого справа внизу чата следует отыскать изображение скрепки. При помощи проводника найти, присоединить нужный документ. Он сразу же появится в чате.

Запись голосового сообщения

Запись голосового сообщения.

Благодаря функции можно сэкономить время на написание текста. Особенно полезной она будет при необходимости быстро давать большой объем информации или если это делать неудобно.

К примеру, в машине или во время занятия спортом.

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

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

Запись видеосообщения

Команда бесплатная. Помимо аудиообращения, в Телеграме можно создать видеоролик.

Для этого:

  1. Открыть чат. Кликнуть и удерживать значок видеосвязи.
  2. Не убирая с экрана палец, провести ним до изображения замочка. Таким образом включается таймер, начинается запись.
  3. Чтобы остановить съемку, тапнуть Stop.
  4. Перед тем, как запись появится, ее можно просматривать, перематывать, изменять. Если все хорошо, следует нажать на значок в виде самолетика для отправки видеосообщения или же на корзину, если его нужно удалить.

Пользователи десктоп-версии могут использовать веб-камеру.

Как отправить сообщение

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

Собеседнику

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

Ее можно оформлять по-разному: выделять жирным или курсивом, применять разный шрифт. После написания текста, остается тапнуть значок самолетика, расположенного справа.

Также можно отправить сообщение в Телеграме человеку в лс, которого нет в списке контактов.

На смартфоне для этого следует:

  1. Запустить приложение.
  2. Выбрать внизу экрана значок в виде карандаша.
  3. Открывается контакт-лист. Внизу справа есть плюсик, кликнув по которому можно ввести номер телефона или имя.
  4. Чтобы запустить поиск, требуется нажать на галочку, расположенную вверху.

Далее остается написать, отправить информацию, подтвердив действие.

Инструкция для тех, кто использует версию мессенджера на ПК, выглядит следующим образом:

  1. Слева вверху экрана найти и кликнуть по трем горизонтальным линиям.
  2. Выбрать Контакты.
  3. Найти графу «Добавить новый».
  4. Ввести номер мобильного или конкретное имя пользователя.

Далее пишем, отправляем привычным методом.

В групповой чат

Переписка в групповом чате.

Если необходимо написать информацию сразу нескольким юзерам, пользователи ПК должны:

  1. Запустить мессенджер.
  2. Сделать групповой чат. Для этого кликнуть по трем горизонтальным линиям вверху экрана, найти «Создать группу».
  3. Основатель придумывает каналу название.
  4. В перечне контактов используется добавление тех, кто должен получить письмо.
  5. Нажав «Создать», появится чат, в котором можно делиться информацией с друзьями.

Владельцы мобильных устройств действуют по-другому:

  1. Открывают мессенджер.
  2. Выбирают Чаты.
  3. В меню находят «Создать группу».
  4. Выбирают в списке контактов всех, с кем предстоит обменяться информацией.
  5. Придумывают название чата, которое будут видеть другие юзеры, кликают ОК.

Остается только набрать пост, отправить.

Самому себе

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

Для этого:

  1. Запустите приложение, тапните по трем линиям вверху страницы.
  2. Выберите синюю иконку закладки, расположенную слева вверху.
  3. Появляется личный чат, куда можно откладывать свою текстовую, аудио-, видеоинформацию. Послание никто, кроме блогера, не увидит, не сможет цитировать.

Как написать в канал

Алгоритм прост. Набрать сообщение или ответить в телеграм-канале можно при помощи бота. Чтобы его создать, пользуются BotFather. Когда робот готов, помощника устанавливают в качестве администратора сообщества.

Чтобы ответить в Телеграме на канале, прописывается соответствующий запрос. Он создается на любом языке программирования: PHP, JAVA, Python. Роботы используют при формировании опроса, размещения статьи с указанием ссылки, взаимного пиара, задержки отправки, других действий.

Пересылка сообщения

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

В завершении применяют функцию «Переслать». Остается только определить контакты, которым будет отправлен файл.

Удаление отправленного сообщения

Удаление сообщения.

Если необходимо заблокировать написанную, отосланную информацию потребуется:

  1. Войти в чат.
  2. Кликнуть по лишнему посту. Если процедура выполняется на мобильном устройстве, нужно удерживать его несколько секунд.
  3. Выбрать пункт «Удалить». Чтобы информация исчезла у всех пользователей, используют подпункт «Для всех». Если необходимо вытереть письмо только у себя, применяют «Только у меня».
  4. Подтвердить действие.

К сожалению, восстанавливать запись, комментарий не получится.

Выводы

Telegram – удобное, безопасное приложение для общения. Здесь доступно общение с одним или несколькими пользователями, для чего создаются каналы, группы, сообщества. Делиться в мессенджере можно не только текстовой информацией, но аудио- или видеофайлами. При необходимости посты редактируют, на них отвечают, пересылают, добавляют цитату, удаляют.

Детальная информация видна на видео:

Ежедневно пользователи обмениваются сообщениями в телеграмме. С выходом новой версии появилась возможность отправить сообщение в будущее, то есть запланировать его на определенную дату.

Данная функция может послужить хорошим напоминанием, для самого пользователя, при отправки самому себе.

Как отправить отложенное сообщение

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

Отправка на телефоне:

  1. Открыть приложение Telegram.
  2. Перейти в нужный чат.
  3. Написать текст и зажать пальцем значок отправки «Бумажный самолетик».
  4. В появившемся меню выбрать «Отправить позже».
  5. Выбрать дату и время отправки сообщения.Запланировать отправление можно не одно, а несколько сообщений. Чтобы перейти в список с отложенными смс, нажмите на появившийся новый значок в правом нижнем углу, как указано на скриншоте. 

Отправка в Telegram Desktop:

  1. Войти в телеграм на компьютере.

  2. Перейти в чат, куда требуется отправить сообщение.

  3. Ввести текст и нажать ПКМ на значок отправки – «Самолетик».

  4. Выбрать параметр «Отправить позже».

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

Что будет, когда отправится сообщение?

После отправки запланированного смс, пользователь увидит время вашего последнего присутствия (Если Вы разрешили просматривать активность). В Web Telegram отправить сообщение с таймером нельзя, но зато имеется много уникальных функций:

  • Сортировка чатов — разбивка групп, каналов, диалогов, ботов и чатов с онлайн пользователями на категории, что позволяет быстро переключаться и находить нужный чат.
  • Обход блокировки — встроенные прокси сервера позволяют вести свободное общение в любой точке мира, даже на территории России.
  • Режим невидимки — функция, которая есть только в веб телеграмме. Пользователь, включивший режим, может без палева просматривать сообщения в приватных чатах. Собеседникам не будет отображено о прочтении сообщения.
  • Скорость и безопасность — Web Telegram передает и принимает информацию мгновенно, благодаря высокой скорости, а также обеспечивает надежную конфиденциальность в мессенджере.

Вход в веб телеграммКомментарии (2)ТЕЛЕГРАММ СТАТЬИ:Вложения телеграмм — Инструкция отправки файлов через веб телеграммКак отправить видео сообщение в веб телеграмме? (пошаговая инструкция)Как в телеграмме отправить самому себеTelegram Web — онлайн Телеграмм на русском языкеКак отправить фото в телеграмме?Звонки в телеграмм — как сменить рингтон?Сравнение скорости отправки файлов в телеграмм и whatsapp — Что лучше?Как удалить сообщение в телеграммеКак закрепить пост в телеграмме?

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

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

Что значит пересланное сообщение

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

Фактически, пересланное сообщения является полной передачей полученных данных с сохранением всего текста, а также уведомлением от кого именно получена информация.

Как пересылать сообщения

Итак, для начала разберемся с пошаговым руководством для пересылки внутри мессенджера без передачи сообщения на другие платформы.

На телефоне

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

Android

  1. Открываем нужный чат и задерживаем палец на сообщении в течение нескольких секунд. Сверху и снизу появится дополнительное меню, в правом нижнем углу экрана выбираем «Переслать».
  2. Откроется список доступных чатов, отмечаем подходящий и нажимаем на иконку бумажного самолётика справа (кнопка отправки).

IPhone

  1. Откройте переписку и сделайте двойной тап по нужным данным. Появится всплывающее окно, где есть пункт «Переслать».
  2. В списке контактов выбираем нужный и переходим далее. Не забывайте про возможность переключится на чаты через нижнюю панель. В отличие от андроида на IOS нет необходимости нажимать на кнопку отправки.

На компьютере

Важным отличием при использовании компьютера в качестве основной платформы является web версия мессенджера. Она не имеет русской локализации, а её элементы управления расположены в более привычном для любого сайта месте.

Через браузер

Отсутствие знаний иностранного языка не вызовет затруднений для решения поставленной задачи. Просто следуйте нашему пошаговому руководству.

  1. Переходим на сайт https://web.telegram.org и перейдя в чат отмечаем сообщения через клик на синий круг с галочкой в левой части. Снизу откроется дополнительное меню, где необходимо кликнуть на «Forward».
  2. Отмечаем контакты получателей и нажимаем на «Forward» в правом нижнем углу экрана.

Desktop

  1. Перейдя в раздел переписки кликаем правой кнопкой мыши по сообщению и нажимаем на 5 по счёту строчку.
  2. Откроется меню с выбором получателя. Если ваш список контактов слишком большой, рекомендуем воспользоваться строкой поиска. После выбора появится уведомление с текстом «Готово».

Как переслать сообщение из телеграмм в ватсап, вайбер

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

  1. Для начала откройте проводник телефона из основного меню.
  2. Перейдите во внутреннюю память телефона и найдите папку «Telegram». Выберете папку с картинками «Images» или видео «Video».
  3. Выделите определенное количество файлов и нажмите на кнопку «Отправить» на нижней панели.
  4. Останется выбрать нужное приложения из списка и выбрать получателя.

Если необходимо переслать именно текст, рекомендуем сделать несколько скриншотов или записать видео экрана.

Как переслать сообщение без автора

Официально такой функции в приложении не предусмотрено. Но у вас есть 2 способа:

  • Установить одну из «расширенных версий» мессенджера на Андроид от сторонних разработчиков, там зачастую данная возможность есть. Однако в таком случае за сохранность данных будете отвечать лично вы.
  • Скопировать сообщение и отправить как новое.

Как запретить пересылать сообщения

  1. Открываем настройки и переходим в раздел «Конфиденциальность» используя любую из платформ.
  2. Здесь обратите внимание на пункт «Пересылка сообщений».
  3. Для запрета достаточно установить активную точку в позицию «Никто». Не забывайте про возможность добавить в исключения определенных людей.

На этом инструкция окончена. Теперь вы знаете как переслать сообщение в телеграмме и решить данную проблему не составит труда. Пересылка зачастую наиболее оптимальный способ передачи данных третьему лицу. Если по какой-то причине вас не устраивает такой метод, рекомендуем снять несколько скриншотов или сделать запись экрана.

02fqj_d_wkez5gtea5wyzkz2mns.jpeg После нескольких писем, отправленных с сайта себе на почту, понял что это достаточно неудобно, не современно (возможно), как минимум не прикольно. Задался целью отказаться от использования smtp для формы в пользу api Телеграма. Так как мое приложение работает на ноде, подумал почему бы не прокачать форму. Общая логика до боли проста. При отправке формы делается запрос к api приложения, где хранится токен бота, обрабатываются данные и далее делается запрос к api телеграмма, который отправляет сообщение в чат. Но давайте обо всем по порядку. Для начала, естественно, необходимо создать бота, который будет получать данные из формы и отправлять вам. По сути, он является всего лишь посредником между вами и api телеграмма. Итак, стучимся к родителю всех ботов, а именно к @BotFather и просим его создать нам одного (вводим /newbot). Вводим имя, ник и получаем токен бота. Как раз он нам и нужен. Заметьте, что ник бота должен быть <your>_bot или <Your>Bot.gc5sle03hvcp1avtiteq29lgue8.jpeg Создали, хорошо, но надо оживить его. Ищем его в поиске по нику и пишем /start. Все, теперь можем обращаться к нему через api.gosmdfld5kkkx1tek1w6qexetnw.png Далее необходимо создать группу, куда бот будет кидать сообщения, не забываем добавить его в чат.

Вводим /join @ник_бота в созданном чате, потому что бывает, что не добавляется в логи запись о приглашении бота в группу. Идем в браузер и в адресной строке вводим:

https://api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXX/getUpdates

где XXXXXXXXXXXXXXXXXXXXXXX — токен бота, который любезно дал вам @BotFather. Если все прошло успешно, то получим примерно такую простыню из букв, где необходимо найти объект «chat»:{«id:XXXXXXXXXX…}. Обычно id группового чата начинается с минуса.-lvkfusywekhwmbrhsfmlx6et1s.png Отлично, получили токен бота и id чата, куда будут приходить сообщения. Теперь давайте приступим к приложению.

Front

Начнем сначала с фронта. Я использовал для работы Node обёртку Express, который в свою очередь умеет рендерить файлы различных шаблонизаторов. Решил воспользоваться Pug. Он достаточно прост в освоении, поэтому если впервые сталкиваетесь с ним, труда познакомится с ним не возникнет. Для примера не стал использовать сборщики, поэтому скрипты подключаются по старинке.Структура приложения сгенерирована с помощью Express Generator.

Разметка формы

views/layout.pug:

doctype html html   head     title= title     link(rel="stylesheet", href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css")     link(rel='stylesheet', href='/stylesheets/style.css')   body     block content 

views/index.pug:

extends layout  block content   .wrapper     .wrapper__bg         img.wrapper__bg-img(src='https://habr.com/images/bg.jpg' alt='bg')     form(action="/telegram", method="post" class="form" id='telegramForm' enctype="application/x-www-form-urlencoded")       .form__container           .form__blur           .form__title               .form__title-line               h3.form__title-text Связаться со мной               .form__title-line           .form__inputs               input(type="text" name='name' placeholder="Имя" class="form__input" required)               input(type="email" name='email' placeholder="Email" class="form__input" required)               textarea(name="text" placeholder="Ваше сообщение" class="form__input form__message" required)       .form__buttons           input(type="submit" class="form__submit" value="Отправить")           .form__clean Очистить      script(src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js")   script(src="/javascripts/app.js") 

Не забываем что в Pug вложенность элементов определяется отступами, как в питоне, так что учитывайте это. Добавляем стили и вот такая форма у меня получилась.hrd6jdwhyo3nvj3t3ycrpavozzo.png Сообщение будет отправляться без перезагрузки страницы, поэтому вешаем обработчик на форму, собираем данные, преобразуем в json и отправляем их асинхронно себе в api + выводим сообщение о статусе запроса.public/javascripts/app.js:

const formId = 'telegramForm' const form = document.getElementById(formId) //функция для захвата данных из тегов формы и синтеза JSON-обьекта  function toJSONString(form) {   var obj = {}   var elements = form.querySelectorAll('input, select, textarea')   for (var i = 0; i < elements.length; ++i) {     var element = elements[i]     var name = element.name     var value = element.value     if (name) {       obj[ name ] = value     }   }   return JSON.stringify(obj) } if (form) {   form.addEventListener('submit', event => {     event.preventDefault()     //получаем данные из формы     const json = toJSONString(form)     //создаем соединение     const formReq = new XMLHttpRequest()     formReq.open('POST', '/telegram', true)     ///////////////////////////////////     /////////////SweetAlert//////////     ///////////////////////////////////     //обрабатываем ответ сервера     formReq.onload = function(oEvent) {       if (formReq.status === 200) {         swal({           title: 'Успешно отправлено!',           icon: 'success',           timer: 2000         })         document.querySelector('.sa-success').style.display = 'block'         document.querySelector('.sa-button-container').style.opacity = '0'       }       if (formReq.status !== 200) {         swal({           title: 'Произошла ошибка!',           icon: 'error',           timer: 2000         })         document.querySelector('.sa-error').style.display = 'block'         document.querySelector('.sa-button-container').style.opacity = '0'       }     }     ////////////////////////////     ////////////////////////////     formReq.setRequestHeader('Content-Type', 'application/json')     //отправляем     formReq.send(json)   }) } 

Back

На стороне сервера для начала нужно отловить запрос со стороны клиента, для этого в роутере пишем:routes/index.js:

//Я вынес логику обработки данных в отдельный файл const ctrlTelegram = require('../api/telegramMsg'); router.post('/telegram', ctrlTelegram.sendMsg); 

api/telegramMsg.js:

module.exports.sendMsg = (req, res) => {   //токен и id чата берутся из config.json   const config = require('../config/config.json');   let http = require('request')   let reqBody = req.body   //каждый элемент обьекта запихиваем в массив   let fields = [     'Name: ' + reqBody.name,     'Email: ' + reqBody.email,     reqBody.text   ]   let msg = ''   //проходимся по массиву и склеиваем все в одну строку   fields.forEach(field => {     msg += field + 'n'   });   //кодируем результат в текст, понятный адресной строке   msg = encodeURI(msg)   //делаем запрос   http.post(`https://api.telegram.org/bot${config.telegram.token}/sendMessage?chat_id=${config.telegram.chat}&parse_mode=html&text=${msg}`, function (error, response, body) {       //не забываем обработать ответ     console.log('error:', error);      console.log('statusCode:', response && response.statusCode);      console.log('body:', body);      if(response.statusCode===200){       res.status(200).json({status: 'ok', message: 'Успешно отправлено!'});     }     if(response.statusCode!==200){       res.status(400).json({status: 'error', message: 'Произошла ошибка!'});     }   });  } 

Для упрощения процесса запроса установлен пакет ‘request‘.

npm i request

config/config.json:

{   "telegram": {     "token": "bot_token",     "chat": "chat_id"   } } 

Итак, что же здесь происходит?

В запросе мы передали json, поэтому на стороне сервера с данными можем работать как с обычным объектом. Для удобства каждое значение объекта запихиваем в массив.API телеграмма позволяет передать данные посредством текста в адресной строке, поэтому проходим по массиву и создаём длинную строку. Чтобы можно было передать HTML теги, необходимо закодировать строку в универсальный идентификатор (метод encodeURI()), чтобы не вылезала ошибка. Теперь можно наконец отправить это всё на сервер телеграмма. Делаем запрос (нажимаем кнопку ‘Отправить’) и вуаля, сообщение отправлено. Не забываем обработать ответ, а то мало ли что. После всех манипуляций, ответ приходит на фронт и уведомляет прошло все норм или не очень. Из-за того, что для примера не использовал сборщик, а библиотечка всплывашки рассчитана на модульную сборку, пришлось немного поколхозить при ее вызове на фронте.df_xc_unfyht5vi2vx3lbw4xczu.png Если посмотреть в логи приложения на сервере, можно увидеть примерно следующее:v_bmlqx2gcsjxit7exce-orvlnq.png Поздравляю! Теперь вы знаете как отправлять сообщения с вашего сайта в Telegram.Я описал только общую концепцию данного процесса, поэтому настоятельно рекомендую ознакомится с исходным кодом данного примера.Используемые источники:

  • https://smmx.ru/telegram/how-to-use/kak-otpravit-soobshchenie.html
  • https://stelegram.ru/chaty-i-kanaly/kak-napisat-v-telegram
  • https://web-telegram.net/telegramm/telegram-servis/671-otpravka-soobscheniy-v-telegramme.html
  • https://telegramfag.ru/kak-pereslat-soobshhenie-v-telegram
  • https://habr.com/ru/post/348332/

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий