Как ускорить ответы клиентам с помощью чат-бота в VK. Пошаговая инструкция

Нередко бывает так, что в вашу группу во «Вконтакте» в один момент написали много пользователей с различными вопросами, а времени отвечать всем у вас не хватает. В этой ситуации пригодится бот для автоматических ответов с использованием inline-клавиатуры. В этой статье я расскажу и покажу, как написать его, на примере нескольких команд.

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

Пример того, что должно получиться:

Подготовка

Мы будем использовать:

  • язык программирования Node.js;
  • модуль vk-io;
  • редактор исходного кода Visual Studio Code;
  • виртуальный сервер (рекомендую брать в Timeweb, так как на их серверах самый низкий пинг к серверам «Вконтакте»).

Приступаем к настройке работы с API. Нам нужны только события сообщений, поэтому заходим в управление группой, далее в раздел «Работа с API» и выставляем разрешения во вкладке «Long Poll API» таким образом:

И получаем ключ доступа в первой вкладке.

Не забываем включить сообщения группы, возможности ботов и кнопку «Начать»:

 

Написание кода

1. В программе Visual Studio Code с помощью сочетания клавиш Ctrl+N создаем файл «index.js», открываем его и указываем вышеупомянутый модуль и ключ доступа группы:

 const { VK, Keyboard } = require('vk-io');  const vk = new VK({      token: "" // В кавычки вставляем ключ доступа группы }); 

2. Вводим переменные с командами для бота, для примера я возьму эти команды:

 var nachalo = 'начать',  help = 'помощь',  contacts = 'контакты',  faq = 'частые вопросы'  zakaz = 'сделать заказ'; 

3. Включаем функцию получения сообщений:

 vk.updates.start();  vk.updates.on('message', (context, next) => {     // Далее мы будем работать внутри этой функции! }) 

4. Чтобы группа не отвечала на свои же сообщения, вписываем:

 if(context.isGroup == true) return 

5. Так как при первом входе в диалог с группой пользователь будет видеть только кнопку «Начать», нам нужно сразу сделать на нее ответ с кнопкой на inline-клавиатуре:

 if (context.text.toLowerCase().includes(nachalo)) {      context.send({          message: ('Добро пожаловать в бота группы!nНажмите на кнопку или отправьте сообщение со словом помощь для просмотра всех команд!'),          keyboard: Keyboard.builder() .textButton({              label: 'Помощь',              payload: {                  command: 'Помощь'              },              color: 'negative'          })          .inline()      });  } 

6. Создаем ответ на вышеуказанную кнопку. Для примера я сделал следующие команды:

 else if (context.text.toLowerCase().includes(help)) {      context.send({          message: ('Все команды:'),          keyboard: Keyboard.builder().textButton({              label: 'Контакты',              payload: {                  command: 'Контакты'              },              color: 'primary'         }).inline().textButton({              label: 'Частые вопросы',              payload: {                  command: 'Частые вопросы'              },              color: 'primary'         }).inline().textButton({              label: 'Сделать заказ',              payload: {                  command: 'Сделать заказ'              },              color: 'primary'          }).inline().urlButton({             label: 'Сайт',             url: 'https://timeweb.com/ru/'          }).inline()     }); } 

7. И расписываем все вышеперечисленные команды:

 else if (context.text.toLowerCase().includes(contacts)) {  // Команда ‘Контакты’     context.send({          message: ('Почта: qwerty@qwerty.comnТелефон: +79000000000'),          keyboard: Keyboard.builder().textButton({              label: 'Помощь',              payload: {                  command: 'Помощь'             },             color: 'negative'         }).inline()     }); }   else if (context.text.toLowerCase().includes(zakaz)) {  // Команда ‘Сделать заказ’     context.send({          message: ('Для оформления заказа нажмите на кнопку ниже и оставьте заявку с вашими контактными данными. С вами свяжется наш сотрудник!'),          keyboard: Keyboard.builder().textButton({              label: 'Помощь',              payload: {                  command: 'Помощь'              },             color: 'negative'          }).inline().urlButton({              label: 'Оставить заявку',             url: 'https://timeweb.com/ru/'         }).inline()     });  }  else if (context.text.toLowerCase().includes(faq)) { // Команда ‘Частые вопросы     context.send({          message: ('1. Как сделать заказ? - Используйте нашего бота!n2. Где посмотреть информацию о покупке? - На нашем сайте qwerty123123.com !'),          keyboard: Keyboard.builder().textButton({              label: 'Помощь',              payload: {                  command: 'Помощь'              },             color: 'negative'          }).inline()      }); } 

8. Нажимаем кнопку «Сохранить».

9. Используя данные, которые мы получили при создании сервера, подключаемся к нему по протоколу SSH и устанавливаем Node.js. Если вы заказали VDS в Timeweb и указали в дополнительном софте Node.js, то устанавливать еще раз не нужно (этот шаг пропускаем).

10. Подключаемся к серверу по протоколу SFTP, создаем папку с именем «bot» и копируем в нее наш скрипт.

11. Подключаемся по SSH и прописываем в консоли:

 cd bot npm i vk-io 

12. Чтобы скрипт работал в режиме 24/7, используем PM2 — диспетчер процессов для приложений и скриптов. Для этого прописываем в консоли:

 npm install pm2 –g pm2 start index.js 

Наш бот работает и готов к ответам на сообщения.

Для добавления новых простых ответов для бота можно взять за основу код из пунктов 5-7, просто поменяв в нем текст ответа и кнопки. Удачи в ваших проектах!

Межтекстовые Отзывы
Посмотреть все комментарии
guest

Словари в Python и методы работы с ними

Разработка #Обзор #Python В одной из прошлых статей я разбирал списки в Python и методы работы с ними....

Что такое объектно-ориентированное программирование

Разработка #C/C#/C++ #Программы #Обзор #JavaScript Рассказываю об одной из важнейших парадигм в программировании.  Парадигмы программирования и их виды...

Сколько стоит разработка сайта

Разработка #Лендинги #Финансы #Разбор Если вы планируете разработку сайта, то, скорее всего, у вас много вопросов, а один...

Как легально увеличить лайки в Ютубе?

Лайки в Youtube и легальные способы их увеличить. Чего не стоит делать при накрутке реакций, и как сделать...

Тестирование программ: виды, этапы, принципы

Разработка #Программы #Обзор #Тестирование #Оптимизация Рассказываю о том, что отнимает большую часть времени при разработке приложений, а еще и об...

Как ускорить ответы клиентам с помощью чат-бота в VK. Пошаговая инструкция

Разработка #ВКонтакте #Боты #JavaScript Нередко бывает так, что в вашу группу во «Вконтакте» в один момент написали много...

Автоматический деплой проекта с использованием GitHub и FTP на хостинг Timeweb

Разработка #FTP #GitHub #Хостинг В этой статье мы рассмотрим процесс создания репозитория на GitHub и настройки автоматического деплоя...

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

Разработка #C/C#/C++ #Карьера #Веб-дизайн #Разбор #HTML/CSS Поговорим о том, что нужно делать разработчику, чтобы освоить любой язык программирования...

Сравнение 29 сервисов аналитики маркетплейсов: обзор, рейтинг

Обзор сервисов аналитики маркетплейсов Сравнение 29 сервисов аналитики маркетплейсов по 10 параметрам. Обзор, рейтинг лучших сервисов для аналитики...

Лучшие компиляторы кода и IDE для C++

Разработка #C/C#/C++ #Программы #IDE #Редакторы кода #Подборка Рассказываем о лучших компиляторах и инструментах для разработки на С++. Что...

Создание email рассылок на Joomla

Создание почтовых рассылок – это эффективный способ рекламы и привлечения внимания к своему сайту. Я уже рассказывала о...

10 лучших HTML-редакторов

Разработка #Программы #Редакторы кода #Подборка #HTML/CSS Рассматриваем лучшие приложения для работы с HTML-разметкой. Узнаем, чем пользуется верстальщик с глубокими познаниями...

Руководство по разработке приложений: как сделать приложение для iOS и Android самостоятельно

Разработка #Конверсия #Подборка #Разбор #UX/UI #Конструктор Разработка мобильного приложения от А до Я – это довольно долгая и...

Что почитать программисту: 10 популярных книг по разработке

Разработка #Подборка #Программы #Веб-дизайн #Наука Какую литературу стоит прочитать программисту, чтобы стать более квалифицированным специалистом и превратиться из...

Что такое виджет и как им пользоваться

Разработка #Веб-дизайн #JavaScript #Оптимизация #Windows Разработчики софта и владельцы сайтов стараются упростить процесс взаимодействия со своим продуктом. Одним из...

Что такое Progressive Web Apps и в чем их преимущества

Разработка #Программы #JavaScript #HTML/CSS #Оптимизация Progressive Web Apps (PWA) — это сайты, которые похожи на приложения для смартфонов не только...

Как создать одностраничный сайт на Bootstrap (Mobirise)

Разработка #Программы #Веб-дизайн #Шаблоны #HTML/CSS #Конструктор Создание сайтов под ключ – отдельная профессия. Специалисты должны разбираться в верстке...

Как создать сайт на WordPress с нуля

Разработка #Настройка #WordPress #Базы данных #Оптимизация Поговорим о том, как создать сайт на базе WordPress и Timeweb. Сайт,...

Что такое рефакторинг кода

Разработка #Обзор #Технологии #IDE #Редакторы кода #JavaScript Зачем разработчики на регулярной основе переписывают свой и чужой код, не...

Как вставить картинку в HTML

Разработка #Авторское право #Фото/Видео #Редакторы кода #HTML/CSS Невозможно представить ни один сайт без визуальной составляющей, в часть которой...