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

# Usar LobeChat con CometAPI

> Usa esta guía para configurar LobeChat con CometAPI estableciendo la URL base, la clave API y las opciones de model o provider.

[Lobe-Chat](https://chat-preview.lobehub.com/) es una aplicación de chat de IA de código abierto y rica en funciones con soporte integrado para CometAPI; no se necesita configuración manual de URL.

## Requisitos previos

* [Lobe-Chat](https://chat-preview.lobehub.com/) (en la nube o autohospedado)
* Una cuenta de [CometAPI](https://www.cometapi.com) con una clave API activa

## Configuración

<Steps>
  <Step title="Obtén tu clave API de CometAPI">
    Inicia sesión en el [panel de CometAPI](https://www.cometapi.com/console). Haz clic en **Add API Key** y copia tu clave.

    <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="Panel de 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="Clave API y URL base de CometAPI" width="2434" height="1232" data-path="images/overview/810968_364193.png" />
    </Frame>
  </Step>

  <Step title="Selecciona CometAPI como proveedor de modelos">
    En Lobe-Chat, haz clic en tu avatar → **Application Settings** → **Model Providers**. Selecciona **CometAPI**, pega tu clave API y activa el proveedor. Luego selecciona un modelo para habilitarlo.

    <Frame>
      <img src="https://mintcdn.com/cometapi/E4FFvyMYmaOZoldp/images/integrations/810968_360319.png?fit=max&auto=format&n=E4FFvyMYmaOZoldp&q=85&s=299c123baafc43c598449113a6723031" alt="Configuración de la aplicación de Lobe-Chat — lista de proveedores de modelos" 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="Configuración del proveedor CometAPI en Lobe-Chat con la clave API ingresada" width="1910" height="965" data-path="images/integrations/810968_361341.png" />
    </Frame>
  </Step>

  <Step title="Prueba la conexión">
    Inicia un chat y envía un mensaje de prueba. Una respuesta correcta confirma que la integración está funcionando.

    <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="Conversación de Lobe-Chat que muestra una respuesta correcta de 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="Panel de respuesta del modelo en 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": "Usar LobeChat con CometAPI",
        "description": "Usa esta guía para configurar LobeChat con CometAPI estableciendo la URL base, la clave API y las opciones de modelo o proveedor.",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-1",
            "position": 1,
            "name": "Obtén tu clave API de CometAPI",
            "text": "Crea o abre tu cuenta de CometAPI, luego copia una clave API activa desde el panel."
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-2",
            "position": 2,
            "name": "Selecciona CometAPI como proveedor de modelos",
            "text": "Completa el paso Selecciona CometAPI como proveedor de modelos en la guía Usar LobeChat con CometAPI."
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/lobe-chat#step-3",
            "position": 3,
            "name": "Prueba la conexión",
            "text": "Selecciona un model ID actual de la página de modelos de CometAPI y luego envía una solicitud de prueba desde la integración."
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Documentación de CometAPI",
            "item": "https://apidoc.cometapi.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Integraciones",
            "item": "https://apidoc.cometapi.com/integrations"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "Usar LobeChat con CometAPI",
            "item": "https://apidoc.cometapi.com/integrations/lobe-chat"
          }
        ]
      }
    ]
    }
    `}
</script>