MCP via the OpenAI Responses API について
OpenAI の Responses API を通じて MCP サーバーに接続するフレームワーク。Cloudflare Workers、React、TailwindCSS でウェブアプリを構築し、リモート MCP サービスと統合します。
主な機能
- 01OpenAI Responses API サポート
- 02Cloudflare Workers デプロイ
- 03React と TailwindCSS UI
- 04リモート MCP サーバー接続
活用シーン
- 01ウェブアプリケーションでの MCP サービス統合
- 02Cloudflare プラットフォーム上の AI 機能開発
MCP 対応
OpenAI の Responses API を通じてリモート MCP サーバーに接続し、ツール操作とデータフローを処理します。
詳細
OpenAI Responses API 経由の MCP
OpenAI は Responses API を使用して MCP サーバーに接続する機能を追加しました。MCP 型のツールを指定し、適切なヘッダーを渡すと、リモート MCP サーバーに接続してすべての処理を行います。
この例では Cloudflare Vite Plugin + React + TailwindCSS + ShadCN を使用しています。
ホストできる リモート MCP サーバーに接続し、whoa を追跡します。
ビルド
- .dev.vars.example を
.dev.varsにコピーします - OpenAI API キーを追加します
- wrangler.jsonc の
varsセクションをREMOTE_WHOA_SERVER_URLとLOGGED_IN_USERに変更します
npm run dev
デプロイ
サーバーでシークレットを設定します
npx wrangler secret bulk .dev.vars
npm run deploy
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。