Интеграция собственного чата через Client API

Authorization: Bearer <session_token>

{
  "client_key": "cli_019f8433...",
  "external_id": "user-42",
  "first_name": "Alex",
  "last_name": "Taylor"
}

{
  "session_token": "eyJhbGciOiJIUzI1NiIs...",
  "expires_at": "2026-07-25T12:00:00Z",
  "user": {
    "id": "019be668-9658-7a8d-b0d5-c73aa98e73d2",
    "external_id": "user-42",
    "bot_id": "019be6...",
    "first_name": "Alex",
    "last_name": "Taylor",
    "image_url": null,
    "status": "active"
  },
  "realtime": {
    "provider": "centrifugo",
    "url": "wss://realtime.chatterfy.ai/connection/websocket",
    "token": "eyJhbGciOiJIUzI1NiIs...",
    "channel": "nexus:user#019be668-9658-7a8d-b0d5-c73aa98e73d2"
  },
  "widget": {
    "primary_color": "#4f46e5",
    "multiple_chats": false,
    "attachments": true
  }
}

{
  "name": "support-chat",
  "additional_info": {
    "page": "/pricing"
  },
  "image_url": null
}

{
  "id": "3946090380478382140",
  "content": "example-message",
  "content_type": "text",
  "sender_type": "outcoming",
  "chat_id": "019bef...",
  "sender": "operator",
  "files": null,
  "is_edited": false,
  "created_at": "2026-07-24T10:05:00Z"
}

{
  "content": "example-message",
  "content_type": "text",
  "files": [],
  "complete_files": []
}

import { Centrifuge } from 'centrifuge';

const { url, token, channel } = session.realtime;
const centrifuge = new Centrifuge(url, { token });

const sub = centrifuge.newSubscription(channel);
sub.on('publication', (ctx) => {
  const { type, data } = ctx.data;

  if (type === 'message') {
    renderMessage(data);
  } else if (type === 'action') {
    handleAction(data);
  }
});

sub.subscribe();
centrifuge.connect();

const BASE = 'https://messenger-api.chatterfy.ai/api/client';
const CLIENT_KEY = 'cli_019f8433...';
const LS_KEY = `chatterfy:${CLIENT_KEY}:external_id`;

async function startSession() {
  const externalId = localStorage.getItem(LS_KEY) || undefined;
  const res = await fetch(`${BASE}/session`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      client_key: CLIENT_KEY,
      external_id: externalId,
    }),
  });
  if (!res.ok) throw new Error(`session failed: ${res.status}`);

  const session = await res.json();
  localStorage.setItem(LS_KEY, session.user.external_id);
  return session;
}

function authHeaders(token) {
  return {
    Authorization: `Bearer ${token}`,
    'Content-Type': 'application/json',
  };
}

async function ensureChat(token) {
  const chats = await fetch(`${BASE}/chats`, {
    headers: authHeaders(token),
  }).then((response) => response.json());

  if (chats.length) return chats[0];

  return fetch(`${BASE}/chats`, {
    method: 'POST',
    headers: authHeaders(token),
    body: JSON.stringify({ name: 'support-chat' }),
  }).then((response) => response.json());
}

async function sendMessage(token, chatId, text) {
  return fetch(`${BASE}/chats/${chatId}/messages`, {
    method: 'POST',
    headers: authHeaders(token),
    body: JSON.stringify({ content: text, content_type: 'text' }),
  }).then((response) => response.json());
}

const session = await startSession();
const chat = await ensureChat(session.session_token);
const history = await fetch(`${BASE}/chats/${chat.id}/messages`, {
  headers: authHeaders(session.session_token),
}).then((response) => response.json());

await sendMessage(session.session_token, chat.id, 'example-message');