majiayu000 ChatBot API統合スキル
このスキルはChatBotプロジェクトに新しいAI APIを統合する際のガイダンスを提供します。
API追加手順
1. 設定値の追加（config.js）
// window.CONFIG.AIAPI.ENDPOINTS に追加
ENDPOINTS: {
OPENAI: '/openai/v1/chat/completions',
CLAUDE: '/anthropic/v1/messages',
GEMINI: '/gemini/v1beta/models',
NEW_API: '/newapi/v1/chat' // 新しいエンドポイント
}
// window.CONFIG.STORAGE.KEYS に追加
KEYS: {
NEW_API_KEY: 'newApiKey' // 新しいAPIキー
}
2. APIクラスの作成
app/public/js/core/newApi.js に配置。
3. サーバープロキシの追加
app/server/index.js にプロキシ設定を追加。
4. api.js への統合
AIAPI.callAIAPI メソッドにルーティングを追加。
5. UI設定の追加
APIキー設定モーダルにフォームを追加。
既存APIクラス一覧
| クラス | ファイル | 機能 |
|---|---|---|
OpenAIAPI |
openaiApi.js |
OpenAI Chat Completions API |
ClaudeAPI |
claudeApi.js |
Anthropic Claude Messages API |
GeminiAPI |
geminiApi.js |
Google Gemini API |
ResponsesAPI |
responsesApi.js |
OpenAI Responses API (Web検索) |
必須メソッド
callXxxAPI(messages, model, attachments, options)- メインAPI呼び出し#validateAPISettings()- API設定の検証#prepareXxxRequest()- リクエスト準備#executeXxxRequest()- 非ストリーミング実行#executeStreamXxxRequest()- ストリーミング実行
参照ファイル
詳細は以下のファイルを参照：
references/api-class-template.md: 完全なAPIクラステンプレートreferences/server-proxy-setup.md: Express プロキシ設定方法references/streaming-implementation.md: SSE実装パターン