Чат-центр в iframe

OAuth-авторизация

Для работы с Fasttrack API вам понадобится уникальный access_token, который необходимо передавать в заголовке для каждого запроса.

Следуйте инструкции ниже, чтобы получить ключ доступа для вашего проекта.

1

Подготовьте redirect_uri

redirect_uri — это URL, на который Fasttrack выполняет редирект после успешной авторизации. В параметрах запроса будет передан временный код (code), который необходимо использовать для получения access_token.

2

Зарегистрируйте приложение в Fasttrack

circle-exclamation

Обратитесь к менеджеру проекта с запросом на подключение к Fasttrack API и предоставьте ваш redirect_uri для регистрации приложения.

После регистрации вы получите:

  • client_id — уникальный идентификатор вашего приложения;

  • client_secret — секретный ключ, используемый для аутентификации.

triangle-exclamation
3

Получите временный код

Сформируйте URL следующего вида:

https://dashboard.fstrk.io/integrations/oauth/?{параметры}

Параметры после знака ? :

  • client_id * — идентификатор вашего приложения (выдаётся при регистрации);

  • redirect_uri * — URL, на который будет выполнен редирект после авторизации;

  • state — произвольная строка, которая будет возвращена вместе с кодом (используется для проверки целостности запроса).

url example
https://dashboard.fstrk.io/integrations/oauth/?client_id=1&redirect_uri=https://example.com/oauth/&state=dummy

Откройте сформированную ссылку в браузере. Вы будете перенаправлены на страницу выбора проекта. Если у вас доступ к нескольким проектам, выберите тот, для которого требуется получить access_token.

После выбора проекта вы будете перенаправлены на указанный redirect_uri. В адресной строке будут переданы параметры code и state.

4

Получите access_token

Получив временный код (code), используйте его в API-запросе для получения access_token в рамках авторизации OAuth.

request example
curl -X POST \
--location https://dashboard.fstrk.io/api/partners/oauth/ \
--header 'Content-Type: application/json' \
--data '{
  "client_id": "<CLIENT_ID>",
  "client_secret": "<CLIENT_SECRET>",
  "grant_type": "code",
  "code": "<CODE>"
}'

В случае успешного запроса API возвращает HTTP-статус 200 OK и JSON-ответ, содержащий access_token.

response example
{
  "access_token": "string"
}

Список доменов

Для безопасной работы чат-центра Fasttrack во встраиваемом режиме (<iframe>) необходимо заранее указать один или несколько доменов, с которых будет осуществляться загрузка интерфейса и выполняться связанные с ним запросы.

Соберите список всех доменов, с которых планируется загрузка чат-центра и передайте список вашему менеджеру — он добавит эти домены в настройки проекта.

circle-exclamation

Авторизация операторов

Чат-центр может быть открыт только от имени оператора, зарегистрированного в Fasttrack. Такой оператор должен быть заранее добавлен в систему, успешно авторизован и иметь права доступа к интерфейсу и необходимому функционалу чат-цента.

Ссылка для iframe

Для загрузки чат-центра необходимо получить временную ссылку в контексте конкретного клиента и оператора. Эта ссылка будет использоваться в качестве значения src для тега <iframe>.

Загрузка чат-центра осуществляется по временной ссылке, сформированной на основе переданных данных о клиенте и операторе.

Ссылка создаётся через API и содержит токен, который определяет рабочий контекст: от имени какого оператора и для какого клиента должен быть открыт интерфейс.

Полученная ссылка используется в атрибуте src тега <iframe> и обеспечивает корректную авторизацию, а также загрузку чата с клиентом.

circle-info

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

Метод для получения ссылки на чат-центр:

Тело запроса:

Пример запроса:

Промер ответа:

  • url — одноразовая ссылка, по которой загружается чат-центр в нужном контексте (оператор + клиент). Используется в <iframe>.

  • expired_at — срок действия ссылки. После истечения срока необходимо запросить новую.

Тестирование

Протестировать загрузку чат-центра можно по ссылке: https://fstrk.cc/example/iframearrow-up-right

Вставьте ссылку в поле URL for iframe и уберите фокус с поля. Если все корректно, то в окне ниже отобразится чат-центр.

Last updated