LobeChat
プラグインエコシステムとマルチモデル対応の現代的な Web AI チャットフレームワーク
はじめに
LobeChat は美しく機能豊富なオープンソースの AI チャット Web アプリです。ユーザー側の API 設定から、任意の OpenAI 互換エンドポイントや Anthropic API を接続できます。セルフホスト不要で 2 分以内に TokenMix を設定し、LobeChat の洗練されたインターフェースから全モデルを利用できます。
前提条件
- ブラウザで lobechat.com にアクセスするか、Docker でセルフホストします（
docker run -d -p 3210:3210 lobehub/lobe-chat）。 - tokenmix.ai でアカウントを作成し、コンソール → API Keys から
sk-tm-で始まる API キーを取得してください。
セットアップ手順
方法 A — OpenAI 互換 API
- LobeChat の左上またはサイドバーで設定アイコン（⚙️）をクリックします。
- 言語モデル → OpenAI に移動します。
- OpenAI API キー フィールドに
sk-tm-xxxを入力します。 - API プロキシアドレス に
https://api.tokenmix.ai/v1を入力します。 - 確認アイコンをクリックして接続を検証します。
- モデルリストをスクロールして使用するモデル（例:
claude-sonnet-4.6、gpt-5.4）を有効にするか、カスタムモデル ID を追加します。
方法 B — Anthropic ネイティブ API
- 設定 → 言語モデル → Anthropic に移動します。
- Anthropic API キー フィールドに
sk-tm-xxxを入力します。 - API プロキシアドレス に
https://api.tokenmix.ai/v1を入力します。 claude-sonnet-4.6・claude-opus-4.8などのモデルを有効にします。
動作確認
LobeChat で新しい会話を開き、チャットヘッダーのモデルドロップダウンから設定したモデルを選択します。テストメッセージを送信し、返答が届けば設定完了です。
よくある質問
Q: 「Invalid API Key」エラーが表示されます。
A: API プロキシアドレスが /v1 で終わっているか確認してください。キーは TokenMix コンソールから直接コピーし、変更しないでください。
Q: 追加したカスタムモデル ID がセレクターに表示されません。 A: 設定でカスタムモデル ID を追加した後、ページを更新してください。新しいチャット画面のモデルドロップダウンに表示されるようになります。
Q: セルフホストの LobeChat から TokenMix に接続できますか？
A: はい。Docker Compose または .env ファイルに OPENAI_API_KEY=sk-tm-xxx と OPENAI_PROXY_URL=https://api.tokenmix.ai/v1 を設定して LobeChat を起動してください。