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

# CometAPI와 함께 LobeChat 사용하기

> 이 가이드를 사용해 base URL, API key, model 또는 provider 옵션을 설정하여 LobeChat에서 CometAPI를 구성하세요.

[Lobe-Chat](https://chat-preview.lobehub.com/)은 CometAPI를 기본 지원하는 기능이 풍부한 오픈소스 AI 채팅 애플리케이션으로, 수동 URL 구성 없이 사용할 수 있습니다.

## 사전 요구 사항

* [Lobe-Chat](https://chat-preview.lobehub.com/) (클라우드 또는 자체 호스팅)
* 활성 API key가 있는 [CometAPI](https://www.cometapi.com) 계정

## 설정

<Steps>
  <Step title="CometAPI API 키 받기">
    [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 대시보드 — API 키 추가" 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 키와 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 키를 붙여넣은 뒤 제공자를 켜세요. 그런 다음 모델을 선택해 활성화하세요.

    <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="API 키가 입력된 Lobe-Chat의 CometAPI 제공자 설정" 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="CometAPI의 성공적인 응답이 표시된 Lobe-Chat 대화" 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": "CometAPI와 함께 LobeChat 사용하기",
        "description": "이 가이드를 사용해 base URL, API 키, 모델 또는 제공자 옵션을 설정하여 LobeChat을 CometAPI와 함께 구성하세요.",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-1",
            "position": 1,
            "name": "CometAPI API 키 받기",
            "text": "CometAPI 계정을 만들거나 열고, 대시보드에서 활성 API 키를 복사하세요."
          },
          {
            "@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": "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": "CometAPI와 함께 LobeChat 사용하기",
            "item": "https://apidoc.cometapi.com/integrations/lobe-chat"
          }
        ]
      }
    ]
    }
    `}
</script>