Пример интеграции Webitel (SPA) для обработки входящих чатов с различными системами.
Реализована возможность общаться в одном и более чатах, отправлять и принимать файлы и смайлы. Также перевод принятого чата на предварительно созданную схему.
История чатов будет доступна в виде дашборда. С описанием дашборда можно ознакомиться по следующей ссылке: /wiki/spaces/WEP/pages/21306342
Основные пункты:
Общие настройки интеграции Webitel;
Пример использования webitel-sdk;
API для работы со списком операторов;
API для работы с переменной статусов операторов;
Библиотека для интеграции.
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.
Находится по следующей ссылке: