Skip to content

一个基于 FastAPI 的 MCP 服务器,可将 HTML 页面代码一键部署到在线预览平台,返回可访问的 URL;基于项目:https://github.com/luler/hello_project。

Notifications You must be signed in to change notification settings

luler/hello_project_mcp

Repository files navigation

HTML 部署 MCP 服务

一个基于 FastAPI 的 MCP 服务器,可将 HTML 页面代码一键部署到在线预览平台,返回可访问的 URL。

✨ 功能

  • 🚀 一键部署 HTML 页面到在线服务器
  • 🔗 返回可直接访问的预览链接
  • 🤖 支持 MCP 协议,可与 Claude、Cursor 等 AI 工具集成

📋 环境要求

  • Python 3.12+

🛠️ 安装

# 克隆项目
git clone https://github.com/luler/hello_project_mcp.git
cd hello_project_mcp

# 安装依赖
pip install -r requirements.txt

🚀 启动服务

python main.py

服务将在 http://localhost:8989 启动。

📡 MCP 端点

端点 协议 用途
http://localhost:8989/mcp HTTP Streamable HTTP 传输
http://localhost:8989/sse SSE Server-Sent Events 传输

🔧 配置 MCP 客户端

Claude Desktop

编辑配置文件:

{
  "mcpServers": {
    "html-deploy": {
      "url": "http://localhost:8989/sse"
    }
  }
}

Cursor

在 Cursor 设置中添加 MCP 服务器:

{
  "mcpServers": {
    "html-deploy": {
      "url": "http://localhost:8989/sse"
    }
  }
}

Cherry Studio / 其他客户端

使用 SSE 端点:http://localhost:8989/sse

💬 使用示例

配置完成后,在 AI 对话中可以这样使用:

帮我做一个贪吃蛇游戏,用 deploy_html 部署,给我链接
创建一个渐变背景的登录页面,然后部署上线
写一个动态时钟页面,deploy_html 发布一下

AI 会自动生成 HTML 代码并调用 deploy_html 工具进行部署,返回预览链接。

📖 API 文档

启动服务后访问:

deploy_html

部署 HTML 页面到预览服务器。

请求:

{
  "html": "<!DOCTYPE html><html>...</html>"
}

响应:

{
  "success": true,
  "message": "HTML打包并上传成功",
  "preview_url": "https://html.luler.top/preview/xxxxx"
}

⚙️ 配置说明

通过环境变量或 .env 文件配置:

UPLOAD_PLATFORM_BASE_URL=https://html.luler.top  # 预览平台地址
UPLOAD_CODE=1dec7206c6  # 项目标识
PORT=8989  # 服务端口
DEBUG=0  # 调试模式(1为开启热重载)

About

一个基于 FastAPI 的 MCP 服务器,可将 HTML 页面代码一键部署到在线预览平台,返回可访问的 URL;基于项目:https://github.com/luler/hello_project。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages