> ## 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

> 使用本指南透過設定 base URL、API key，以及 model 或 provider 選項，將 LobeChat 設定為搭配 CometAPI 使用。

[Lobe-Chat](https://chat-preview.lobehub.com/) 是一款功能豐富的開源 AI 聊天應用程式，內建支援 CometAPI——無需手動設定 URL。

## 先決條件

* [Lobe-Chat](https://chat-preview.lobehub.com/)（雲端版或自行託管）
* 擁有有效 API key 的 [CometAPI](https://www.cometapi.com) 帳戶

## 設定

<Steps>
  <Step title="取得你的 CometAPI API key">
    登入 [CometAPI 控制台](https://www.cometapi.com/console)。點擊 **Add API Key** 並複製你的 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="CometAPI API key 與 base URL" width="2434" height="1232" data-path="images/overview/810968_364193.png" />
    </Frame>
  </Step>

  <Step title="選擇 CometAPI 作為 model provider">
    在 Lobe-Chat 中，點擊你的頭像 → **Application Settings** → **Model Providers**。選擇 **CometAPI**，貼上你的 API key，並將 provider 開啟。接著選擇一個模型以啟用它。

    <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 應用程式設定 — model provider 清單" 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="Lobe-Chat 中已輸入 API key 的 CometAPI provider 設定" 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": "使用本指南，透過設定 base URL、API key，以及模型或 provider 選項，來設定 LobeChat 與 CometAPI。",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-1",
            "position": 1,
            "name": "取得你的 CometAPI API key",
            "text": "建立或開啟你的 CometAPI 帳戶，然後從控制台複製一組有效的 API key。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-2",
            "position": 2,
            "name": "選擇 CometAPI 作為 model provider",
            "text": "在「使用 LobeChat 搭配 CometAPI」指南中，完成「選擇 CometAPI 作為 model provider」步驟。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-3",
            "position": 3,
            "name": "測試連線",
            "text": "從 CometAPI Models 頁面選擇目前可用的 model ID，然後從整合中送出測試請求。"
          }
        ]
      },
      {
        "@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>