> ## 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 で ChatHub を使う

> このガイドでは、base URL、API key、model または provider オプションを設定して、ChatHub を CometAPI と連携する方法を説明します。

[ChatHub](https://chathub.gg) は、複数の AI モデルと同時に会話できるブラウザー拡張機能です。CometAPI を OpenAI 互換の provider として追加し、[Models page](/ja/overview/models) から使いたい model を選択します。

## 前提条件

* [ChatHub](https://chathub.gg) ブラウザー拡張機能がインストールされていること
* 有効な API key を持つ [CometAPI](https://www.cometapi.com) アカウント

## セットアップ

<Steps>
  <Step title="CometAPI API key を取得する">
    [CometAPI ダッシュボード](https://www.cometapi.com/console)にログインします。**Add API Key** をクリックし、key と base URL（`https://api.cometapi.com`）をコピーします。

    <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="ChatHub で OpenAI を設定する">
    ChatHub の **Settings** → **OpenAI** を開きます。**API Host** フィールドに `https://api.cometapi.com` を入力し、**API Key** に CometAPI key を貼り付けて、**Save** をクリックします。

    <Frame>
      <img src="https://mintcdn.com/cometapi/mA1ovj6s0e3RM42l/images/integrations/810968_351578.png?fit=max&auto=format&n=mA1ovj6s0e3RM42l&q=85&s=c4e9ea57615cc53112942cd0eae366c8" alt="CometAPI host が入力された ChatHub OpenAI 設定" width="1904" height="911" data-path="images/integrations/810968_351578.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/mA1ovj6s0e3RM42l/images/integrations/810968_351579.png?fit=max&auto=format&n=mA1ovj6s0e3RM42l&q=85&s=dd5c0367a6422ab9eaeea639db6dd55d" alt="ChatHub 設定で API key フィールドが入力された状態" width="1919" height="929" data-path="images/integrations/810968_351579.png" />
    </Frame>
  </Step>

  <Step title="接続をテストする">
    ChatHub でテストメッセージを送信します。正常に返信が返ってくれば、連携が機能していることを確認できます。

    <Frame>
      <img src="https://mintcdn.com/cometapi/mA1ovj6s0e3RM42l/images/integrations/810968_351580.png?fit=max&auto=format&n=mA1ovj6s0e3RM42l&q=85&s=46845534e1d30cb2d4897b5d9047b0bf" alt="CometAPI からの正常なレスポンスを表示する ChatHub" width="1912" height="926" data-path="images/integrations/810968_351580.png" />
    </Frame>
  </Step>
</Steps>

<script type="application/ld+json">
  {`
    {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "HowTo",
        "@id": "https://apidoc.cometapi.com/integrations/chathub#howto",
        "name": "CometAPI で ChatHub を使う",
        "description": "このガイドでは、base URL、API key、model または provider オプションを設定して、ChatHub を CometAPI と連携する方法を説明します。",
        "step": [
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/chathub#step-1",
            "position": 1,
            "name": "CometAPI API key を取得する",
            "text": "CometAPI アカウントを作成または開き、ダッシュボードから有効な API key をコピーします。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/chathub#step-2",
            "position": 2,
            "name": "ChatHub で OpenAI を設定する",
            "text": "「CometAPI で ChatHub を使う」ガイドの「ChatHub で OpenAI を設定する」手順を完了します。"
          },
          {
            "@type": "HowToStep",
            "@id": "https://apidoc.cometapi.com/integrations/chathub#step-3",
            "position": 3,
            "name": "接続をテストする",
            "text": "CometAPI Models page から現在の model ID を選択し、その後 integration からテストリクエストを送信します。"
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "CometAPI Docs",
            "item": "https://apidoc.cometapi.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Integrations",
            "item": "https://apidoc.cometapi.com/integrations"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "CometAPI で ChatHub を使う",
            "item": "https://apidoc.cometapi.com/integrations/chathub"
          }
        ]
      }
    ]
    }
    `}
</script>