Интересное

Как ускорить ответы клиентам с помощью чат-бота в 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

Лучшие IDE и редакторы кода для Python

Разработка #Программы #IDE #Редакторы кода #Python Писать программный код можно хоть карандашом на листке бумаги. Рационально ли это?...

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

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

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

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

Язык программирования Python: применение, особенности и перспективы

Разработка #Программы #Обзор #Технологии #Карьера #Python Сегодня поговорим о том, что такое Python, чем же он хорош и...

Что такое MVC

Разработка #Обзор #Технологии #Веб-дизайн #Программы Рассказываю об одном из самых удобных паттернов построения приложений на любом языке и...

Верстка сайта: инструкция для начинающих

Разработка #Веб-дизайн #HTML/CSS Разработка сайта – это долгая и плодотворная работа, которая, как правило, разделена на несколько этапов....

Как установить Git на Debian 10

Разработка #Серверы #OpenSource #Debian Система контроля версий (например, Git) позволяет регистрировать изменения в файлах, с которыми работают разработчики,...

Платформы для интернет-магазина: какую выбрать?

Разработка #Обзор #Интернет-магазин #Bitrix #OpenCart Введение По статистике за 2016 год 30,5 млн жителей России совершают покупки в...

Искусственный интеллект: краткая история, развитие, перспективы

Разработка #Обзор #Технологии #Нейросети #Наука #Гаджеты Сейчас технологии развиваются с немыслимой скоростью. Ранее те возможности, что, казалось бы,...

Что такое скрипт

Разработка #Разбор #JavaScript #PHP #Windows Активные пользователи компьютера время от времени сталкиваются со словом «скрипт», не всегда понимая,...

Как настроить Sublime Text 3

Разработка #Программы #Редакторы кода #JavaScript #HTML/CSS Sublime Text 3 – это текстовый редактор, разработанный для верстальщиков и программистов....

Сравнение VPS и облачного хостинга для Bitrix

В современном мире веб-технологий выбор между VPS (виртуальным частным сервером) и облачным хостингом для системы управления контентом, такой...

Обзор Vue.js

Разработка #Фреймворки #Обзор #JavaScript Vue.js или просто Vue – это прогрессивный JavaScript-фреймворк, который используется для создания пользовательских интерфейсов....

10 лучших IDE

Разработка #C/C#/C++ #Ubuntu #Java #JavaScript #HTML/CSS #PHP #Python #Windows IDE (Integrated Development Environment) – это интегрированная, единая среда...

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

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

7 самых популярных фреймворков JavaScript

Разработка #Фреймворки #Обзор #JavaScript Статья посвящена самым популярным фреймворкам, библиотекам и инструментам JavaScript. Каждый из них может значительно облегчить...

Что такое скрам-доска

Разработка #Программы #Обзор #Менеджмент #Оптимизация Поговорим об одном из наиболее часто используемых инструментов для повышения эффективности команды.  Что такое...

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

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

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

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

Преимущества и недостатки CMS 1С-Битрикс

Разработка #1С #Обзор #Интернет-магазин #Веб-дизайн #Bitrix 1С-Битрикс – одна из самых популярных CMS, на которой работают тысячи сайтов....