插件式服务器与聊天应用系统

一个包含插件式服务器、后端桥梁和前端界面的完整系统,用于Monotype API集成和智能聊天交互。

  • by manishgadhock-monotype
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 manishgadhock-monotype/monotype-mcp

使用说明

单类型MCP服务器和聊天应用程序

一个完整的系统,由以下部分组成:

  1. MCP服务器 -用于Monotype API集成的即插即用服务器
  2. 后端 -Ollama为聊天UI和MCP服务器之间的桥梁提供动力
  3. 前端 -基于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不可用,则进行回退关键字匹配

前端

  • 安全令牌输入
  • 现代聊天界面
  • 实时响应
  • 工具使用指标

使用示例

通过聊天界面

  1. 启动后端和前端
  2. 输入您的令牌
  3. 尝试以下命令:
    • “我的公司里有什么角色?”
    • “邀请user@example.com我的公司”
    • “显示所有团队”

通过MCP插件

直接将MCP服务器与任何兼容MCP的聊天代理(如Cursor、Claude Desktop等)一起使用

发展

运行所有服务

终端1-后端:

cd backend
npm run dev

2号航站楼-前端:

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配置中设置)

许可证

麻省理工学院