单类型MCP服务器和聊天应用程序
一个完整的系统,由以下部分组成:
- MCP服务器 -用于Monotype API集成的即插即用服务器
- 后端 -Ollama为聊天UI和MCP服务器之间的桥梁提供动力
- 前端 -基于React的聊天界面
建筑
┌─────────────┐ ┌──────────────┐ ┌─────────────┐ ┌──────────────┐
│ Frontend │─────▶│ Backend │─────▶│ MCP Server │─────▶│ Monotype API │
│ (React) │ │ (Ollama) │ │ (Plugin) │ │ │
└─────────────┘ └──────────────┘ └─────────────┘ └──────────────┘项目结构
NextGenAgenticAI/
├── src/ # MCP Server (can be used as plugin)
│ ├── server.js # Main MCP server
│ ├── api-client.js # Monotype API client
│ ├── auth.js # Authentication service
│ ├── token-decryptor.js # Token decryption utilities
│ └── ...
├── backend/ # Backend server
│ ├── server.js # Express server with Ollama integration
│ └── package.json
├── frontend/ # React chat UI
│ ├── src/
│ │ ├── App.jsx # Main chat component
│ │ └── ...
│ └── package.json
└── README.md快速开始
1.MCP服务器(插件)
MCP服务器可以独立用作任何聊天代理的插件。
设置:
cd src
npm install配置: 添加到MCP客户端配置中:
{
"mcpServers": {
"monotype-mcp": {
"command": "node",
"args": ["/path/to/src/server.js"],
"env": {
"MONOTYPE_TOKEN": "your-token-here"
}
}
}
}2.后端服务器
先决条件:
- 安装Ollama:https://ollama.ai
- 拉骆驼3型号:
ollama pull llama3
设置:
cd backend
npm install
npm start服务器在上运行 http://localhost:3001
3.前端
设置:
cd frontend
npm install
npm run dev前端继续运行 http://localhost:3000
特性
MCP服务器工具
invite_user_for_customer-邀请用户加入您的公司get_teams_for_customer-获取所有团队get_roles_for_customer-获取所有角色
后端智能
- 使用Ollama(llama3)检测要调用哪个工具
- 从自然语言中提取参数
- 如果Ollama不可用,则进行回退关键字匹配
前端
- 安全令牌输入
- 现代聊天界面
- 实时响应
- 工具使用指标
使用示例
通过聊天界面
- 启动后端和前端
- 输入您的令牌
- 尝试以下命令:
- “我的公司里有什么角色?” - “邀请user@example.com我的公司” - “显示所有团队”
通过MCP插件
直接将MCP服务器与任何兼容MCP的聊天代理(如Cursor、Claude Desktop等)一起使用
发展
运行所有服务
终端1-后端:
cd backend
npm run dev2号航站楼-前端:
cd frontend
npm run dev终端3-MCP服务器(如果独立测试):
cd src
npm start环境变量
后端
MCP_SERVER_PATH-MCP服务器脚本的路径(默认值:../src/server.js)OLLAMA_API_URL-ollama API URL(默认值:http://localhost:11434)
MCP服务器
MONOTYPE_TOKEN-您的Monotype身份验证令牌(可选,可以在MCP配置中设置)
许可证
麻省理工学院
