怎么添加mcp服务器

[pa1318]

你这个很简洁，能不能自己添加其他模型的api，能不能支持mcp，看你有另一个mcp的项目，但是我看不明白，我只想在这个项目上i添加mcp和api，如何实现。

[aiqlcom]

当前项目仅包含前端 HTML 代码，因此运行环境受限于浏览器。虽然可以修改 API，但无法直接调用 MCP（Model Context Protocol），因为完整的 MCP 支持需要包含后端的客户端实现。

如果你想尝试从零开始编写 MCP 客户端并集成到当前前端中，可以参考这个项目：https://github.com/AI-QL/chat-mcp
该仓库的代码相当于 chat-ui 与 MCP 客户端的结合。

如果希望尽量不修改代码，只是想直接使用，建议采用：https://github.com/AI-QL/tuui
该库将常用配置都转化为配置文件，因此无需改动代码即可自定义 API 和 MCP。

具体配置文件的定义可参考 https://github.com/AI-QL/tuui#-additional-configuration 章节。你可以根据系统直接下载并安装预构建版本：https://github.com/AI-QL/tuui/releases

配置文件默认位于安装目录的 resources/assets/config 文件夹中。若无法找到，您也可以在打开应用程序后，通过左下角菜单的快捷选项直接跳转至配置文件路径。

---

English Version

The current project only contains frontend HTML code, so its runtime environment is limited to the browser. While it's possible to modify the APIs, it cannot directly invoke the MCP (Model Context Protocol) because full MCP support requires a client implementation that includes a backend.

If you wish to try building an MCP client from scratch and integrating it into the current frontend, you can refer to this project: https://github.com/AI-QL/chat-mcp
The code in this repository essentially combines a chat-ui with an MCP client.

If you prefer to avoid modifying the code as much as possible and simply want to use it directly, it is recommended to use: https://github.com/AI-QL/tuui
This library converts common configurations into configuration files, allowing you to customize APIs and MCP without altering the code.

For detailed definitions of the configuration files, please refer to the section: https://github.com/AI-QL/tuui#-additional-configuration. You can also download pre-built versions directly for your system from: https://github.com/AI-QL/tuui/releases

The configuration file is located in the resources/assets/config directory under the installation path. If you cannot find it, you can also directly navigate to the configuration file path via the menu in the lower-left corner after opening the application.