mcpField
M
MCP Server Hub UI

MCP Server Hub UI

本地服务
github.com/gfuener开发工具077 周前更新

关于 MCP Server Hub UI

MCP Server Hub UI 是使用 Angular 17 和 Bootstrap 5 构建的 MCP 服务管理界面项目。README 仅说明了界面框架和开发方式,未描述具体管理功能。

主要功能

  1. 01基于 Angular 17
  2. 02使用 Bootstrap 5
  3. 03支持本地开发服务器
  4. 04提供构建与测试命令

适用场景

  1. 01开发 MCP 服务管理界面
  2. 02本地预览 Angular 项目
  3. 03运行项目构建和单元测试

MCP 相关

项目定位为 MCP 服务管理界面,但 README 未说明其如何连接或管理 MCP 服务。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

MCP 服务中心 UI

一个使用 Angular 17 和 Bootstrap 5 构建的 MCP 服务管理界面。

此项目由 Angular CLI 17.1.3 版生成。

开发服务器

运行 ng serve 启动开发服务器。访问 http://localhost:4200/。更改任何源文件后,应用会自动重新加载。

代码脚手架

运行 ng generate component component-name 生成新组件。你也可以使用 ng generate directive|pipe|service|class|guard|interface|enum|module。

构建

运行 ng build 构建项目。构建产物将存储在 dist/ 目录中。

运行单元测试

运行 ng test,通过 Karma 执行单元测试。

运行端到端测试

运行 ng e2e,通过你选择的平台执行端到端测试。要使用此命令,你需要先添加一个实现端到端测试功能的包。

获取更多帮助

如需详细了解 Angular CLI,请运行 ng help,或查看 Angular CLI 概览和命令参考 页面。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。