Tuio

菜单

Administrator
发布于 2026-01-13 / 0 阅读
0
0

通过 1Panel MCP 自动部署静态网站

#VPS教程

前言

从对话到行动：MCP 协议如何开启 AI 开发者的“自动驾驶”时代？

随着大语言模型（LLM）的跃迁，我们正处于软件工程范式转移的关键时刻。从 ChatGPT 的语义理解到 GitHub Copilot 的代码辅助，AI 已不再仅仅是“效率插件”，而是深度重构了开发者的协作路径。

这一进程中，Agent（智能体） 的崛起标志着 AI 从“对话者”向“执行者”的跨越。而 MCP（Model Context Protocol） 协议的横空出世，则为 Agent 提供了触达现实世界的“神经末梢”。它标准化了 AI 与外部系统的交互协议，让 AI 助手能够安全、精准地操控文件系统、调用 API 或检索数据库。

本文将带大家实战这一前沿生态：利用 ruibaby/1Panel-mcp 工具，在 AI 编辑器中实现从代码编写到 1Panel 生产环境部署的全自动化路。

一：配置

ruibaby/1Panel-mcp 中只提供了一个工具，即 deploy_website，用于将静态网站项目部署到 1Panel 中，并支持自动创建网站配置。下面将主要介绍在 VSCode 和 Cursor 中如何配置并使用此工具。

VSCode:

打开 VSCode 的配置文件，添加以下配置：

{
  "mcp": {
    "inputs": [],
    "servers": {
      "1panel-mcp": {
        "command": "npx",
        "args": [
          "-y",
          "1panel-mcp"
        ],
        "env": {
          "ONEPANEL_API_KEY": "TOSXWBVfcG7dLlD1Gj0DK5D4L9tKz6FF",
          "ONEPANEL_BASE_URL": "http://127.0.0.1:34300/",
          "ONEPANEL_API_VERSION": "v2"
        }
      }
    }
  }
}

配置完成后保存，然后在 Copilot Chat 的界面可以看到 1panel-mcp 的 deploy_website 工具，即代表配置成功。

Cursor:

打开 Cursor 的设置界面：

然后在 MCP 配置文件中添加以下配置：

{
  "mcpServers": {
    "1panel-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "1panel-mcp"
      ],
      "env": {
        "ONEPANEL_API_KEY": "TOSXWBVfcG7dLlD1Gj0DK5D4L9tKz6FF",
        "ONEPANEL_BASE_URL": "http://127.0.0.1:34300/",
        "ONEPANEL_API_VERSION": "v2"
      }
    }
  }
}

然后回到设置界面，可以看到 1panel-mcp 的 deploy_website 工具，即代表配置成功。

参数说明：

  • ONEPANEL_BASE_URL: 1Panel 的 API 地址

  • ONEPANEL_API_KEY: 1Panel 的 API 密钥，可以在 1Panel 控制台设置中获取

  • ONEPANEL_API_VERSION: 1Panel 的 API 版本，可选值为 v1 或 v2，默认值为 v2

二：使用

配置完成后，我们就可以打开任意的静态网站项目并测试这个 MCP 工具，可以使用以下提示词：

将当前项目部署到 1Panel 中，域名为 halocms.net。

需要注意，如果你指定的域名不存在，工具会自动创建一个新网站，并设置指定的域名。

三：演示

为了方便演示，我创建了一个新的 Vue 项目，并让 AI 帮我部署到 1Panel，以下是完整过程：

部署完成后，我们回到 1Panel 后台就可以看到新创建的网站和上传的文件：

后续我们完善了项目后，也可以让 AI 再次部署：

总结

通过以上演示，我们可以看到，使用 1Panel-mcp 工具，我们可以让 AI 自动将静态网站项目部署到 1Panel 中，并支持自动创建网站配置，大大提高了开发和部署效率。

...

评论