mcp-app-typescript-template
★ 21
vs
fastapi_mcp
★ 12.0k
mcp-app-typescript-template vs fastapi_mcp
mcp-app-typescript-template：该模板提供了一个精心设计的启动项目，用于使用React组件构建交互式AI应用（MCP Apps），并利用TypeScript、Tailwind CSS和Vite等现代Web技术。它展示了与ChatGPT等MCP主机集成的最佳实践，为服务器端工具和动态UI组件提供了全面的功能。；fastapi_mcp：FastAPI-MCP允许您将现有的FastAPI端点作为模型上下文协议（MCP）工具公开。它与FastAPI进行原生集成，包括使用现有依赖项的内置认证，并保留了模型的架构和文档。
01
简评
mcp-app-typescript-templateDev Tooling · ★ 21
为ChatGPT、Claude.ai和VS Code等MCP主机构建自定义交互式AI应用。
fastapi_mcpDev Tooling · ★ 12.0k
何时选择它（优势与适用）：
- 你已经有现成的 FastAPI 应用，希望直接复用现有的 FastAPI 鉴权依赖与 Swagger Schema，将接口一键暴露为 MCP 工具。
- 希望将 MCP 服务直接挂载到现有 ASGI 应用中或独立部署（MIT 许可）。
何时考虑替代方案：
- 你是从零构建独立的 MCP Server，而非包装已有的 FastAPI 服务；应使用 FastMCP 或官方 MCP Python SDK。
- 你要求依赖库近期持续高频更新（该仓库最后一次推送在 2025 年 11 月）。
02
并排对比
字段
mcp-app-typescript-templatefastapi_mcp分类
开发者工具
开发者工具
Stars
★ 21
★ 12.0k
许可证
Apache-2.0
MIT
安装方式
git clone https://github.com/pomerium/mcp-app-typescript-template your-mcp-app && cd your-mcp-app && npm install && npm run dev
uv add fastapi-mcp
更新时间
2天前
11个月前
开源
是
是
标签
MCP, React, TypeScript
FastAPI, MCP (模型上下文协议), Python
03
功能特性
mcp-app-typescript-template01带有应用助手的MCP服务器：使用`McpServer`和MCP应用助手的Node.js服务器，用于强大的后端开发。
02带有App API演示的React组件：交互式React组件演示了MCP Apps `App` API，用于与主机通信。
03UI能力协商：服务器自动检测主机能力并调整响应，支持UI和纯文本客户端。
04内联组件资源：支持针对iframe沙盒主机（如Claude.ai）或远程共享的自包含HTML模式。
05用于测试的模拟应用：包含`createMockApp()`辅助函数，用于在没有实时MCP连接的情况下进行本地测试和Storybook开发。
fastapi_mcp01内置认证，复用现有FastAPI依赖！
02FastAPI原生：并非简单的OpenAPI转MCP转换器
03零/极少配置要求
04保留请求和响应模型的架构
05灵活部署——可将MCP服务器挂载到同一应用，或独立部署
04
使用场景
mcp-app-typescript-template↳为ChatGPT、Claude.ai和VS Code等MCP主机构建自定义交互式AI应用。
↳在AI聊天界面中将服务器端工具与动态前端组件集成。
↳使用强大的现代Web开发堆栈进行MCP应用的快速原型设计和开发。
↳使用`createMockApp()`和MCP Inspector等专用工具进行MCP应用功能的本地测试和调试。
↳使用多阶段Docker构建和全面的生产清单部署生产就绪的MCP应用。
fastapi_mcp↳将FastAPI服务作为支持MCP的大型语言模型（LLM）的工具进行集成。
↳使LLM能够与通过FastAPI公开的现有业务逻辑和数据进行交互和利用。
↳在MCP生态系统中快速公开已认证的FastAPI API作为可发现和可用的工具。
05
适合场景
mcp-app-typescript-template—
fastapi_mcp最受欢迎必备神器
FAQ
常见问题
mcp-app-typescript-template 和 fastapi_mcp 有什么区别？
mcp-app-typescript-template 和 fastapi_mcp 都属于 Dev Tooling 类别。mcp-app-typescript-template 有 21 Stars，fastapi_mcp 有 12.0k Stars。
mcp-app-typescript-template 和 fastapi_mcp 哪个更好？
最佳选择取决于你的具体需求。为ChatGPT、Claude.ai和VS Code等MCP主机构建自定义交互式AI应用。 时选 mcp-app-typescript-template，将FastAPI服务作为支持MCP的大型语言模型（LLM）的工具进行集成。 时选 fastapi_mcp。
mcp-app-typescript-template 是免费的吗？
是的，mcp-app-typescript-template 在 GitHub 开源（Apache-2.0）。
fastapi_mcp 是免费的吗？
是的，fastapi_mcp 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→