关于 MCP via the OpenAI Responses API
一个框架，通过 OpenAI 的 Responses API 连接 MCP 服务。使用 Cloudflare Workers、React 和 TailwindCSS 构建 Web 应用，与远程 MCP 服务集成。
主要功能
- 01OpenAI Responses API 支持
- 02Cloudflare Workers 部署
- 03React 和 TailwindCSS UI
- 04远程 MCP 服务连接
适用场景
- 01Web 应用中集成 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 服务来追踪 whoas，你可以自托管。
构建
- 将 .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 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。