Пример интеграции Webitel (SPA) для обработки входящих чатов

Owned by Olesya Tantsyura
Last updated: Aug 14, 2024
1 min read

1. Описание

Пример интеграции Webitel (SPA) для обработки входящих чатов с различными системами.

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

История чатов будет доступна в виде дашборда. С описанием дашборда можно ознакомиться по следующей ссылке: https://webitel.atlassian.net/wiki/spaces/WEP/pages/21306342

Основные пункты:

  1. Общие настройки интеграции Webitel;

  2. Пример использования Webitel-SDK;

  3. API для работы со списком операторов;

  4. API для работы с переменной статусов операторов;

  5. Библиотека для интеграции.

1.1. Общие настройки интеграции Webitel:

Для целей интеграции, вам нужно сохранить на стороне SPA следующие 4 настройки:

  • Конечная точка Webitel REST API. Например: https://cloud.webitel.com/api/

  • Конечная точка Webitel Web Socket. Например: wss://cloud.webitel.com/ws/

  • Токен интеграции Webitel.

  • Домен пользователей Webitel. Внутренний домен Webitel, например: my-company.lo

1.2. Пример использования Webitel-SDK

Пример использования Webitel-SDK для управления чатами находится по следующей ссылке:

https://git.webitel.com/projects/WEP/repos/vue-phone-example/browse.

Основную логику для работы с чатами и звонками можно посмотреть в файле src/ws.js.

Изменение статуса реализовано в виде выпадающего списка. Подробнее можно посмотреть в файле src/components/Agents.vue.

Пример сделан на Vue 2.

1.3. API для работы со списком операторов

API для работы со списком операторов находится по следующей ссылке:

https://swagger.webitel.com/#/AgentService/SearchAgent

1.4. API для работы с переменной статусов операторов

API для работы с переменной статусов операторов находится по следующей ссылке:

https://swagger.webitel.com/#/AgentService/UpdateAgentStatus

1.5. Библиотека для интеграции

Библиотека для ознакомления с информацией, которая используется при процессе настройки интеграции JavaScript + WebSocket. Сделана на основе библиотеки SDK.

Находится по следующей ссылке:

https://webitel.github.io/webitel_sdk/classes/Client.html