> ## Documentation Index
> Fetch the complete documentation index at: https://apidoc.cometapi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Використання LobeChat з CometAPI

> Скористайтеся цим посібником, щоб налаштувати LobeChat з CometAPI, вказавши базову URL-адресу, API key і параметри model або provider.

[Lobe-Chat](https://chat-preview.lobehub.com/) — це багатофункціональний AI чат-застосунок із відкритим кодом із вбудованою підтримкою CometAPI — ручне налаштування URL не потрібне.

## Передумови

* [Lobe-Chat](https://chat-preview.lobehub.com/) (хмарна або self-hosted версія)
* Обліковий запис [CometAPI](https://www.cometapi.com) з активним API key

## Налаштування

<Steps>
  <Step title="Отримайте свій API key CometAPI">
    Увійдіть до [панелі CometAPI](https://www.cometapi.com/console). Натисніть **Add API Key** і скопіюйте свій ключ.

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/overview/810968_364191.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=aef81a83f29f8eb16655ed4060425f50" alt="Панель CometAPI — Add API Key" width="3824" height="1892" data-path="images/overview/810968_364191.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/HhtmQffktazbxUvS/images/overview/810968_364193.png?fit=max&auto=format&n=HhtmQffktazbxUvS&q=85&s=d893f659267150d0faf45f99eb5dffc1" alt="API key CometAPI і base URL" width="2434" height="1232" data-path="images/overview/810968_364193.png" />
    </Frame>
  </Step>

  <Step title="Виберіть CometAPI як постачальника моделей">
    У Lobe-Chat натисніть свій аватар → **Application Settings** → **Model Providers**. Виберіть **CometAPI**, вставте свій API key і ввімкніть постачальника. Потім виберіть модель, щоб активувати її.

    <Frame>
      <img src="https://mintcdn.com/cometapi/E4FFvyMYmaOZoldp/images/integrations/810968_360319.png?fit=max&auto=format&n=E4FFvyMYmaOZoldp&q=85&s=299c123baafc43c598449113a6723031" alt="Налаштування застосунку Lobe-Chat — список постачальників моделей" width="1205" height="931" data-path="images/integrations/810968_360319.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361341.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=dc0b478e91393dcb3a5db92f07360ece" alt="Налаштування постачальника CometAPI у Lobe-Chat із введеним API key" width="1910" height="965" data-path="images/integrations/810968_361341.png" />
    </Frame>
  </Step>

  <Step title="Перевірте з’єднання">
    Почніть чат і надішліть тестове повідомлення. Успішна відповідь підтвердить, що інтеграція працює.

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361342.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=5f804dee6dc6ac724164630e945a053d" alt="Розмова в Lobe-Chat з успішною відповіддю від CometAPI" width="1900" height="960" data-path="images/integrations/810968_361342.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361343.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=3bdff04efc655f5235d11f34cb43b1b3" alt="Панель відповіді моделі в Lobe-Chat" width="1920" height="929" data-path="images/integrations/810968_361343.png" />
    </Frame>
  </Step>
</Steps>

<script type="application/ld+json">
  {`
    {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "HowTo",
        "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#howto",
        "name": "Використання LobeChat з CometAPI",
        "description": "Скористайтеся цим посібником, щоб налаштувати LobeChat з CometAPI, указавши base URL, API key, а також параметри моделі чи постачальника.",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-1",
            "position": 1,
            "name": "Отримайте свій API key CometAPI",
            "text": "Створіть або відкрийте свій обліковий запис CometAPI, а потім скопіюйте активний API key з панелі."
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-2",
            "position": 2,
            "name": "Виберіть CometAPI як постачальника моделей",
            "text": "Виконайте крок «Виберіть CometAPI як постачальника моделей» у посібнику «Використання LobeChat з CometAPI»."
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-3",
            "position": 3,
            "name": "Перевірте з’єднання",
            "text": "Виберіть актуальний model ID на сторінці Models у CometAPI, а потім надішліть тестовий запит з інтеграції."
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Документація CometAPI",
            "item": "https://apidoc.cometapi.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Інтеграції",
            "item": "https://apidoc.cometapi.com/integrations"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "Використання LobeChat з CometAPI",
            "item": "https://apidoc.cometapi.com/integrations/lobe-chat"
          }
        ]
      }
    ]
    }
    `}
</script>