《AI MCP Gateway 网关服务系统》第3-18节：管理端-API功能编排串联

作者：小傅哥
博客：https://bugstack.cn (opens new window)
视频：https://t.zsxq.com/MyLpx (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！😄

一、本章诉求

到本章节往下，我们要为 AI MCP Gateway（网关）提供一个管理端页面，维护网关的配置和验证。如配置网关和工具能力，为工具添加协议。协议来自于 Swagger 导出的 openapi json 文件。这些内容，我们陆续的添加。本节主要串联服务功能接口（看看这样的架构下怎么提供的页面功能），以及提供基础UI页面。

注意，关于网关后台的管理页面是使用 AI IDE 工具生成的。建议每个人都生成一套自己的，你只要在对话框中，把服务端的 api 接口拖到对话中，并告诉它在什么位置编写 html 代码，以及对接服务端页面。它就可以帮你完成一套页面。

二、流程设计

如图，从管理端页面到服务端的流程设计；

• 首先，整个流程为；从前端页面（管理后台）通过 ajax 请求服务端 trigger 层的 http 接口开始，由 case 层分摊 trigger 层串联逻辑部分的流程。这部分流程，调用 domain 领域层处理，也就是完成 CRUD 操作。最终由基础设施层，依赖倒置于 domain 领域层，完成数据的增删改查操作。
• 之后，本节我们的重点是完成从 trigger 往下的逻辑处理，对于页面端，先少量提供。后续陆续补充各个功能。