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

# LobeHub

> LobeHubでMixRoute APIキーを使用する

## LobeHubでMixRoute APIを使用

このガイドでは、LobeHubで公式のOpenAIキーの代わりに**MixRoute API**（OpenAI互換）を使用する方法を説明します。

## ステップ1：MixRouteのAPIキーを取得

1. [MixRouteアカウント](https://api.mixroute.ai/)を登録し、基本設定を完了します。
2. コンソールで**APIキー**ページに移動し、`Create new key`をクリックします。

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step1.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=398bfbf0a703a4a1430edb0e89a13ac4" alt="コンソールでAPIキーを作成" width="3354" height="778" data-path="images/integrations/lobehub-openai-step1.png" />
</Frame>

3. ポップアップダイアログでキーの名前を入力し、作成してください。

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step2.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=43b9b62d902e2d5b7e1eef312363bd01" alt="名前を入力してキーを作成" width="1198" height="2058" data-path="images/integrations/lobehub-openai-step2.png" />
</Frame>

4. 生成されたAPIキーをコピーし、安全に保管してください。

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-openai-step3.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=08bd4d05d77ed80861205760d29dd4ec" alt="生成されたAPIキーをコピー" width="3210" height="554" data-path="images/integrations/lobehub-openai-step3.png" />
</Frame>

<Warning>
  セキュリティ上の理由から、キー全体は通常1回しか表示されません。紛失した場合は、コンソールで新しいキーを生成してください。
</Warning>

## ステップ2：LobeHubでMixRouteを設定

1. LobeHubを開き、**設定**ページに移動します。
2. **AIプロバイダー**の下で、**OpenAI / カスタムOpenAI互換プロバイダー**のセクションを探します。
3. プロバイダー設定に、次の内容を入力してください。

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-config-fill-key.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=38580b42b7ab3fdbae1886e92f2ec299" alt="LobeHubにAPIキーを入力" width="1578" height="1036" data-path="images/integrations/lobehub-config-fill-key.png" />
</Frame>

プロバイダー設定に、次の内容を入力してください。

| フィールド | 値 |
| - | - |
| APIキー | MixRouteコンソールからコピーしたAPIキーを貼り付けます |
| Base URL / カスタムエンドポイント | `https://api.mixroute.ai/v1` |

4. 設定を保存し、モデル一覧からMixRouteが提供するモデルを選択して、チャットを開始します。

<Frame>
  <img src="https://mintcdn.com/personal-a5418d9f/Mh_xn4X3OgwBSOnq/images/integrations/lobehub-config-select-model.png?fit=max&auto=format&n=Mh_xn4X3OgwBSOnq&q=85&s=2eb593d050bfa20f60cc8295ab2c6139" alt="LobeHubでモデルを選択" width="1568" height="692" data-path="images/integrations/lobehub-config-select-model.png" />
</Frame>

<Warning>
  利用料金は、呼び出すモデルに基づいて計算されます。MixRouteコンソールの料金と使用量の情報を参照してください。
</Warning>

モデルと価格の完全な一覧は、[モデルリスト](https://console.mixroute.ai/models)を参照してください。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.