marketing-shibata50/9router

Fork 0

decolua fd92af77a0 Feat : Gitbook

2026-05-11 11:50:24 +07:00

6.8 KiB

Raw Blame History

Cline統合

9RouterをCline VSCode拡張機能と統合し、AIリクエストを9Routerのインテリジェントルーティングシステム経由でルーティングします。

前提条件

Visual Studio Codeがインストール済み
VSCodeマーケットプレイスからCline拡張機能がインストール済み
9Routerがローカルで動作中、またはクラウドエンドポイントが設定済み
9RouterダッシュボードからのAPIキー

セットアップ

1. Cline設定を開く

Visual Studio Codeを開く
Cline拡張機能パネルを開く (サイドバーのClineアイコンをクリック)
Clineパネルの Settings アイコン (歯車アイコン) をクリック

2. APIプロバイダーを選択

Cline設定で API Provider ドロップダウンを見つける
リストから Ollama を選択
- 注: OpenAIスタイルAPIと互換性があるためOllamaプロバイダータイプを使用します

3. Base URLを設定

Base URLを9Routerエンドポイントに設定:

ローカル9Router用:

http://localhost:20128/v1

クラウド9Router用:

https://9router.com

手順:

Base URL フィールドに9Routerエンドポイントを入力
末尾に /v1 を必ず含める

4. APIキーを追加

API Key フィールドに9Router APIキーを入力
APIキーは9Routerダッシュボードの Settings → API Keys で確認できます
キーは sk-9router- で始まります

5. モデルを選択

Model ドロップダウンで、次のいずれかを実行:
- 利用可能なモデルから選択 (Clineが自動検出した場合)
- 9Router設定からモデル名を手動で入力
一般的なモデル名:
- gpt-4
- gpt-4o
- claude-opus-4-5
- claude-sonnet-4-5
- gemini-2.0-flash

6. 設定を保存

Save をクリックするか、設定パネルを閉じます。Clineは設定を自動的に保存します。

設定例

Cline設定は次のようになります:

API Provider: Ollama
Base URL: http://localhost:20128/v1
API Key: sk-9router-xxxxxxxxxxxxx
Model: gpt-4

利用可能なモデル

9Routerダッシュボードで設定されたモデルを使用できます。一般的な例:

モデル名	プロバイダー	説明
`gpt-4`	OpenAI	GPT-4 Turbo
`gpt-4o`	OpenAI	GPT-4 Optimized
`claude-opus-4-5`	Anthropic	Claude Opus 4.5
`claude-sonnet-4-5`	Anthropic	Claude Sonnet 4.5
`gemini-2.0-flash`	Google	Gemini 2.0 Flash

使用法

AIとチャット

VSCodeでClineパネルを開く
チャット入力にメッセージを入力
Enterを押して送信
Clineは9Routerを使用してリクエストを処理

コード生成

Clineにコード生成を依頼: 「Create a React component for a login form」
Clineは9Routerを使用してコードを生成
生成されたコードを確認して受け入れる

コード説明

エディタでコードを選択
Clineに質問: 「Explain this code」
9Router経由でAIによる説明を取得

ファイル操作

Clineにファイルの作成、変更、削除を依頼
Clineは9Routerを使用してコンテキストを理解し変更を加える
受け入れる前に変更を確認

トラブルシューティング

「Connection Failed」エラー

9Routerが動作中か確認: curl http://localhost:20128/health
Base URLが正しく、/v1 を含むことを確認
ファイアウォールがポート20128をブロックしていないか確認
VSCodeを再起動してみる

「Invalid API Key」エラー

9RouterダッシュボードでAPIキーを確認
sk-9router- プレフィックスを含むキー全体をコピーしたか確認
APIキーが期限切れでないか確認
新しいAPIキーを再生成してみる

「Model Not Found」エラー

モデル名が9Router設定と正確に一致するか確認
9Routerダッシュボードでプロバイダー接続がアクティブか確認
接続されたプロバイダーでモデルが利用可能か確認
フルモデル名を使用してみる (例: gpt-4 の代わりに openai/gpt-4)

Clineが応答しない

エラーメッセージについてCline出力パネルを確認
9Routerインスタンスが動作中で正常か確認
VSCodeウィンドウをリロードしてみる (Cmd/Ctrl + Shift + P → 「Reload Window」)
エラーについて9Routerログを確認

高度な設定

クラウドエンドポイントを使用

localhostの代わりに9Routerクラウドエンドポイントを使用:

Cline設定で、Base URLを設定: https://9router.com
9RouterクラウドダッシュボードでAPIキーが設定されていることを確認
クラウドエンドポイントがアクティブでアクセス可能か確認

複数のモデル

モデルをすばやく切り替えることができます:

Cline設定を開く
Model フィールドを別のモデルに変更
保存して新しいモデルでチャットを続行

カスタムタイムアウト

大きなリクエストでタイムアウトの問題が発生した場合:

VSCode設定を開く (Cmd/Ctrl + ,)
「Cline timeout」を検索
タイムアウト値を増やす (デフォルトは通常30秒)

ベストプラクティス

適切なモデルを使用: シンプルなタスクには高速モデル (HaikuやFlash) を、複雑なタスクには強力なモデル (OpusやGPT-4) を選択
使用量をモニター: 9Routerダッシュボードで使用統計とコストを確認
コンテキスト管理: トークン使用量を減らすため、会話を焦点を絞ったものに保つ
モデル切替: タスクの複雑さに基づいてモデルを切り替え、コストとパフォーマンスを最適化
APIキーセキュリティ: APIキーをバージョン管理にコミットしない

9Router機能との統合

モデルルーティング

9Routerは以下に基づいて最適な利用可能なプロバイダーにリクエストを自動的にルーティング:

モデル可用性
プロバイダーヘルスステータス
コスト最適化
ロードバランシング

フォールバックサポート

プロバイダーが失敗した場合、9Routerは自動的にダッシュボードで設定された代替プロバイダーにフォールバックします。

使用量トラッキング

9Routerダッシュボード経由でCline使用量をモニター:

総リクエスト数
トークン使用量
モデルごとのコスト
プロバイダー分布

6.8 KiB Raw Blame History