AI导哈

MCP配置管理工具

MCP Loader是一个用于管理和配置Model Context Protocol（MCP）服务器设置的Web应用程序，提供创建、加载、导出MCP配置的功能，便于AI模型与外部资源和工具的集成。

  • by garrettHensley
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 garretthensley/mcp-loader

使用说明

MCP装载机

概述

这 MCP装载机 是一个功能强大且用户友好的web应用程序，旨在帮助您管理和配置模型上下文协议（MCP）服务器设置。它为定义、加载和导出MCP配置提供了一个简化的界面，使AI模型与各种外部资源和工具的集成变得更加容易。

特性

  • 结构化配置创建： 通过提供名称（可选）轻松创建新的MCP配置 inputs JSON（用于API密钥等）和详细的服务器定义（服务器密钥，类型如 stdio 或 http、命令/URL、参数和环境变量）。

  • 加载和查看配置： 选择任何已保存的MCP配置将其加载到活动视图中，显示其完整的JSON结构以供查看。

  • 配置管理： 添加新配置，加载现有配置，并从个人列表中删除过时的条目。

  • VS代码/Visual Studio导出： 将当前加载的MCP配置导出为 .mcp.json 文件，格式正确，可在Visual Studio和Visual Studio Code环境中直接使用。

  • 大宗进出口： 将您的整个MCP配置集合保存为单个JSON数组，或从以前保存的JSON中导入列表，以方便备份、共享和传输您的设置。

如何使用

  1. 创建新的MCP配置：

    • 单击“创建新MCP配置”按钮展开表单。

    • 输入a 配置名称 （例如，“GitHub Access MCP”）。

    • （可选）粘贴您的 inputs 将JSON数组放入“Inputs JSON”文本区域。这是您定义API密钥等凭据提示的地方。

    • 提供 服务器详细信息:

      • 服务器密钥（名称）： 此特定服务器的唯一名称（例如“github”）。

      • 服务器类型： 选择 stdio （适用于基于命令行的服务器）或 http （适用于基于网络的服务器）。

      • 命令/URL：

        • 如果 stdio，输入命令（例如。， docker 或 npx)以及逗号分隔的参数（例如。， run, -i, --rm, mcp/github).

        • 如果 http，输入服务器的完整URL。

      • （可选）粘贴您的 Environment Variables JSON 用于服务器特定环境变量的对象。

    • 单击“添加配置”将其保存到您的列表中。

  2. 加载MCP配置：

    • 在“存储的MCP配置”部分，找到要使用的配置。

    • 点击旁边的“加载”按钮。“当前加载的MCP配置”部分将更新以显示其详细信息。

  3. 删除MCP配置：

    • 在“您存储的MCP配置”中，单击要删除的配置旁边的“删除”按钮。

    • 在模态中确认您的操作。

  4. 导出到 .mcp.json:

    • 确保当前已加载MCP配置。

    • 转到“导出到.mcp.json”部分。

    • 点击“下载.mcp.json”。以您的配置命名的文件（例如。， github_access_mcp.mcp.json)将被下载，准备在VS Code中使用。

  5. 导入/导出所有配置（JSON）：

    • “导入/导出MCP配置（JSON）”部分显示了当前存储的所有配置的JSON表示。

    • 向 出口，只需从文本区域复制内容即可。

    • 向 导入，将MCP配置的有效JSON数组粘贴到文本区域，然后单击“从JSON加载配置”。这将用导入的数据替换您当前的列表。

安装

要在本地运行此应用程序，您需要在计算机上安装Node.js和npm。

  1. 克隆存储库（或手动设置）： 如果您已经将项目推送到GitHub（按照前面的说明），请克隆它：

    git clone https://github.com/YOUR_USERNAME/mcp-loader.git
cd mcp-loader

    如果您是通过提供的代码手动设置的：

    • 创建一个名为的目录 mcp-loader.

    • 内部 mcp-loader，创建 package.json, public/index.html, src/index.js, src/index.css，以及 src/App.js 与我们之前对话中提供的内容一致。

  2. 安装依赖关系： 导航到项目的根目录(mcp-loader)在终端中安装必要的Node.js包：

    npm install

  3. 启动开发服务器： 安装依赖项后，您可以启动应用程序：

    npm start

    这将在默认web浏览器中打开MCP加载器（通常在 http://localhost:3000).

项目结构

mcp-loader/
├── public/
│   └── index.html         # Main HTML file
├── src/
│   ├── App.js             # The main React application component
│   ├── index.js           # React entry point
│   └── index.css          # Tailwind CSS directives
├── .gitignore             # Specifies intentionally untracked files to ignore
├── package.json           # Project metadata and dependencies
└── README.md              # This file

贡献

如果您有建议或改进，请随时分叉此存储库、打开问题或提交拉取请求！

许可证

该项目是开源的，可在 MIT许可证.

相关 MCP