ComfyUI Web Platform

一个面向 ComfyUI 的 Web 管理界面，用于查看系统状态、浏览历史任务、管理工作流，并直接提交生成任务。

Features

• 查看 ComfyUI 系统信息与连接状态
• 监控运行中任务和等待队列
• 浏览历史记录和生成图片
• 从历史记录或本地文件导入工作流
• 编辑常见工作流参数后直接执行
• 上传输入图片到 ComfyUI
• 基础用户认证与用户管理

Requirements

• Node.js 18+
• 一个可访问的 ComfyUI 服务

Quick Start

npm install
cp .env.example .env
npm run dev

默认访问地址：

http://localhost:30001

Configuration

通过 .env 配置运行参数：

VITE_PORT=30001
VITE_COMFYUI_API_BASE=http://127.0.0.1:8188
VITE_ALLOWED_HOSTS=localhost,127.0.0.1
FILE_SERVER_PORT=30002
WORKFLOWS_DIR=/path/to/comfyui/user/default/workflows
USERS_FILE=users.private.json

Main Options

• VITE_PORT: Web 服务端口
• VITE_COMFYUI_API_BASE: ComfyUI API 地址
• VITE_ALLOWED_HOSTS: 允许访问的 host 列表，逗号分隔
• FILE_SERVER_PORT: 本地工作流文件服务端口
• WORKFLOWS_DIR: 工作流目录
• USERS_FILE: 用户数据文件路径

Development

启动开发模式：

npm run dev

构建生产版本：

npm run build

File Server

如果你希望从服务器本地目录读取工作流文件，可以单独启动文件服务：

node file-server.cjs

默认端口：30002

Project Structure

src/                  Frontend source
auth-plugin.ts        Auth layer for the Vite server
file-server.cjs       Local workflow file server
vite.config.ts        Vite configuration
ecosystem.config.cjs  PM2/ecosystem example config