1. Description
An example of Webitel (SPA) integration for processing inbound chats with different systems.
Implemented the ability to communicate in one or more chats, and send and receive files and emoticons. Transfer of the received chat to a previously created Flow Scheme.
Chat history will be available in the form of a dashboard. The description of the dashboard can be found at the following link:
https://webitel.atlassian.net/wiki/spaces/WbtlDocEn/pages/22942180/History+Chats
The main points:
-
General settings for Webitel integration;
-
An example of using the Webitel-SDK;
-
API for working with the list of Agents;
-
API for working with the Agent status;
-
Library for integration.
1.1. General settings for Webitel integration
For integration purpose, you need to store on the SPA side the 4 settings:
-
Webitel REST API endpoint. An example,
https://cloud.webitel.com/api/ -
Webitel Web Socket endpoint. An example,
wss://cloud.webitel.com/ws/ -
Webitel integration token.
-
Webitel users domain. Internal Webitel domain, an example,
my-company.lo
1.2. An example of using the Webitel-SDK
An example of how to use Webitel-SDK to manage chats can be found at the following link:
https://git.webitel.com/projects/WEP/repos/vue-phone-example/browse.
The basic logic for working with chats and calls can be found in the src/ws.js file.
The status change is implemented as a drop-down list. More details can be found in the src/components/Agents.vue file.
1.3. API for working with the list of Agents
The API for working with the list of Agents can be found at the following link:
https://swagger.webitel.com/#/AgentService/SearchAgent
1.4. API for working with the Agent status
The API for working with the Agent status change can be found at the following link:
https://swagger.webitel.com/#/AgentService/UpdateAgentStatus
1.5. Library for integration
A library to get acquainted with the information used in setting up the JavaScript + WebSocket integration. It is based on the SDK library.
It can be found at the following link: