🚀 MCP服务器构建平台
只需单击一下，即可构建功能强大的模型上下文协议服务器
______________________________________________________________________
📋 目录
🌟 概述
这 MCP服务器构建平台 是一个企业级、生产就绪的web应用程序，使开发人员、安全专业人员、研究人员、学生、企业家和内容创作者能够立即构建、配置和部署模型上下文协议（MCP）服务器。凭借直观的用户界面和跨多个专业领域的36+预构建集成，您可以创建强大的AI增强应用程序，而无需编写复杂的配置代码。
什么是MCP？
模型上下文协议（MCP）是一种开放协议，可实现LLM应用程序与外部数据源和工具之间的无缝集成。MCP提供了一种标准化的方式，将AI模型与它们所需的上下文连接起来——从文件系统和数据库到API和云服务。
✨ 特性
🎯 核心功能
- 36+预构建集成：面向开发人员、安全专业人员、研究人员、学生、企业家和内容创作者的综合工具
- 一键构建：立即生成生产就绪的MCP服务器配置
- 可视化服务器生成器：直观的拖放界面，用于选择和配置集成
- 多种导出格式：JSON配置、Docker和NPM包格式
- 实时预览：在构建之前实时查看您的配置
- 企业安全：基于安全最佳实践和输入验证构建
🎨 UI/UX功能
- 现代、响应式设计：美丽的Tailwind CSS界面，适用于所有设备
- 平滑动画：流畅过渡的抛光用户体验
- 类别筛选：轻松找到满足您需求的正确集成
- 配置模式：每个集成的交互式配置面板
- 批量选择：选择多个集成并一起构建
🔧 技术特性
- TypeScript：完全打字，以获得更好的开发人员体验
- 反应18：具有钩子和并发功能的现代React
- 维特：闪电般快速的构建工具和开发服务器
- 生产就绪：通过代码拆分优化构建
- 可扩展：易于添加自定义MCP集成
- Docker支持：容器化部署就绪
🚀 快速开始
先决条件
- Node.js 18+
- npm 或 纱线
- 现代网络浏览器
安装
# Clone the repository
git clone https://github.com/pangerlkr/mcp-rep.git
cd mcp-rep
# Install frontend dependencies
cd frontend
npm install
# Start development server
npm run dev该应用程序将在 http://localhost:5173
📖 如何使用
新 查看我们全面的分步指南： 如何使用指南
本指南包括：
- 📝 选择和配置MCP集成
- 🔐 安全地管理API密钥和凭据
- 🔨 构建和导出MCP服务器
- 🚀 部署到各种平台
- 🔧 故障排除和最佳实践
快速入门教程:
- 按类别浏览可用集成
- 选择您需要的集成
- 单击“配置”添加API密钥和设置
- 点击“保存配置”以保存您的设置
- 点击“构建服务器”以生成您的配置
- 以您喜欢的格式下载（JSON、Docker或NPM）
有关详细说明，请参阅 完整指南.
生产大楼
# Build the frontend
cd frontend
npm run build
# Preview production build
npm run preview📦 可用的MCP集成
系统和文件
- 📁 文件系统MCP：访问和操作文件和目录
- 📦 Git MCP：在存储库上执行Git操作
发展
- 🐙 GitHub MCP：与GitHub存储库、问题和PR交互
- 🐳 Docker MCP：管理Docker容器和镜像
数据库
- 🐘 PostgreSQL MCP：查询和管理PostgreSQL数据库
- 💾 SQLite MCP：使用SQLite数据库
云服务
- ☁️ AWS MCP：与AWS服务（S3、EC2、Lambda）交互
- ☁️ 谷歌云端硬盘MCP：访问和管理Google Drive文件
沟通
- 💬 松弛MCP：发送消息并与Slack互动
自动化与人工智能
- 🤖 木偶MCP：浏览器自动化和网页抓取
- 🌐 获取MCP：向API发出HTTP请求
- 🧠 存储器MCP：存储和检索对话上下文
网络安全（新！）
- 🔍 OSINT-MCP：开源情报收集和威胁情报
- 🛡️ 漏洞扫描程序MCP：扫描代码和依赖关系以查找安全漏洞
- 🔐 安全审计MCP：执行安全审计和合规检查
- ⚔️ 渗透测试MCP：授权的安全测试和漏洞评估
研究（新！）
- 📚 学术搜索MCP：搜索和访问学术论文和研究数据库
- 📊 数据分析MCP：统计分析和数据可视化
- 📖 引文管理器MCP：管理引文并生成参考书目
- 🔬 研究助理MCP：人工智能驱动的文献综述研究助理
教育（新！）
- 📅 研究计划员MCP：计划和跟踪学习时间表和学术目标
- 📝 记笔记MCP：高效组织和管理学术笔记
- 🎴 闪卡MCP：创建和管理抽认卡，以实现有效学习
- ✍️ 任务跟踪器MCP：跟踪作业、截止日期和成绩
商业与创业（新！）
- 💼 商业计划生成器MCP：制定和管理全面的业务计划
- 📈 市场研究MCP：进行市场调研和竞争分析
- 💰 财务分析MCP：财务建模、预测和分析工具
- 🎯 变桨甲板建造商MCP：创建引人注目的投资者推介平台
小企业（新！）
- 🧾 发票生成器MCP：创建和管理专业发票
- 👥 客户管理MCP：管理客户关系和互动
- 📦 库存跟踪器MCP：跟踪和管理产品库存
- 📆 预约调度员MCP：安排和管理与客户的预约
内容创作（新增！）
- 📋 内容策划器MCP：规划和组织内容创建工作流
- 🔎 SEO优化器MCP：优化搜索引擎的内容
- 🎬 视频脚本生成器MCP：生成视频脚本和故事板
- 📱 社交媒体经理MCP：管理和安排社交媒体帖子
🏗️ 建筑
mcp-rep/
├── frontend/ # React + TypeScript frontend
│ ├── src/
│ │ ├── components/ # React components
│ │ │ ├── Header.tsx
│ │ │ ├── ServerCard.tsx
│ │ │ ├── BuildPanel.tsx
│ │ │ └── ConfigModal.tsx
│ │ ├── data/ # MCP server definitions
│ │ │ └── mcpServers.ts
│ │ ├── types/ # TypeScript type definitions
│ │ │ └── mcp.ts
│ │ ├── utils/ # Utility functions
│ │ │ └── configGenerator.ts
│ │ ├── App.tsx # Main application component
│ │ └── main.tsx # Application entry point
│ ├── dist/ # Production build output
│ └── package.json
├── docs/ # Documentation
├── .github/ # GitHub workflows and configs
├── README.md # This file
├── SECURITY.md # Security policy
├── CONTRIBUTING.md # Contribution guidelines
└── LICENSE # License file技术栈
前端：
- React 18与TypeScript
- Vite用于构建工具
- TailwindCSS用于造型
- Lucide React图标
代码质量：
- TypeScript 严格模式
- ESLint用于棉绒
- 格式化预处理
🛠️ 发展
项目结构
该项目采用模块化架构：
- 组件：可重复使用的UI组件
- 类型：TypeScript接口和类型
- 数据：MCP服务器配置和元数据
- 工具集：辅助函数和实用程序
添加新的MCP集成
- 将服务器定义添加到
frontend/src/data/mcpServers.ts:
{
id: 'my-integration',
name: 'My Integration',
description: 'Description of the integration',
category: 'Category',
icon: '🎯',
version: '1.0.0',
author: 'Your Name',
tools: [
{
name: 'tool_name',
description: 'Tool description',
parameters: [...]
}
],
configuration: {
command: 'npx',
args: ['-y', '@package/name'],
configurable: [...]
}
}- UI将自动获取新的集成！
开发脚本
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Lint code
npm run lint🚢 部署
部署到Netlify（推荐）
部署此应用程序的最简单方法是使用Netlify的一键部署：
手动Netlify部署
- 分叉或克隆此存储库
- 将您的存储库连接到Netlify
- Netlify将自动检测
netlify.toml配置 - 部署！构建设置已预先配置：
- 基本目录: frontend - 构建命令: npm install && npm run build - 发布目录: dist
有关详细说明，请参阅 Netlify部署指南.
Docker部署
# Build the Docker image
docker build -t mcp-server-builder .
# Run the container
docker run -p 3000:80 mcp-server-builder其他静态主机选项
构建的应用程序是一个静态站点，可以托管在任何静态托管服务上：
- 维塞尔：从GitHub导入并部署
- GitHub页面：部署
frontend/dist目录 - AWS S3+云前端：将构建文件上传到S3
- Azure静态Web应用程序：连接您的存储库
- 谷歌云存储：上传到GCS存储桶
只需部署 frontend/dist 目录。
本地建设
# Install dependencies and build
npm run build
# The built files will be in frontend/dist/环境变量
基本操作不需要环境变量。该应用程序完全在客户端运行。
🔒 安全
安全是首要任务。请查看我们的 安全策略 用于：
- 安全最佳实践
- 报告漏洞
- 安全功能
- 合规信息
关键安全功能：
- ✅ 客户端未存储敏感数据
- ✅ 输入验证和净化
- ✅ 安全配置生成
- ✅ 内容安全策略标头
- ✅ HTTPS建议用于生产
🤝 贡献
我们欢迎捐款！请查看我们的 贡献指南 有关以下内容的详细信息：
- 行为准则
- 开发流程
- 拉取请求流程
- 编码标准
- 测试要求
快速贡献指南
- 分叉存储库
- 创建要素分支(
git checkout -b feature/amazing-feature) - 提交您的更改(
git commit -m 'Add amazing feature') - 推到分支(
git push origin feature/amazing-feature) - 打开拉取请求
📄 许可证
此项目根据MIT许可证获得许可-请参阅 许可证 文件以获取详细信息。
🙏 致谢
- 模型上下文协议 -对于MCP规范
- Anthropic -用于MCP服务器实现
- 维特 -对于惊人的构建工具
- Tailwind CSS -为了美观的造型
- 开源社区
📞 支持
🗺️ 路线图
- \[x\] 核心平台，集成12个以上
- \[x\] 可视化服务器构建器
- \[x\] 多种导出格式
- \[\]基于AI的配置建议
- \[\]自定义集成向导
- \[\]服务器市场
- \[\]实时协作
- \[\]Kubernetes部署模板
- \[\]监控和分析
- \[\]用于编程访问的API端点
______________________________________________________________________
建于❤️ 对于MCP社区
• 🐦 在推特上关注