【亲测免费】 ComfyUI Deploy 项目使用教程

1. 项目的目录结构及介绍

ComfyUI Deploy 项目的目录结构如下：

comfyui-deploy/
├── app/
│   ├── page.tsx
│   └── ...
├── custom_nodes/
│   └── ...
├── public/
│   └── ...
├── .env.local
├── package.json
├── README.md
└── ...

目录结构介绍

• app/: 包含应用程序的主要页面和组件。
  • page.tsx: 应用程序的主页面文件。
• custom_nodes/: 包含自定义节点和插件。
• public/: 包含公共资源文件，如图片、字体等。
• .env.local: 项目的配置文件，包含环境变量。
• package.json: 项目的依赖管理文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件主要是 app/page.tsx，这是应用程序的主页面文件。启动项目时，会首先加载这个文件。

app/page.tsx 文件介绍

// app/page.tsx
import React from 'react';
import './page.css';

const HomePage = () => {
  return (
    <div>
      <h1>欢迎使用 ComfyUI Deploy</h1>
      <p>这是一个示例页面。</p>
    </div>
  );
};

export default HomePage;

这个文件定义了应用程序的主页面，包含一个标题和一个段落。

3. 项目的配置文件介绍

项目的配置文件是 .env.local，它包含了项目运行所需的环境变量。

.env.local 文件介绍

COMFY_API_TOKEN=your_api_token
COMFY_API_URL=https://www.comfydeploy.com
COMFY_DEPLOYMENT_ID=your_deployment_id
COMFY_DEPLOYMENT_ID_CONTROLNET=your_controlnet_deployment_id

配置文件内容介绍

• COMFY_API_TOKEN: 用于认证 API 请求的令牌。
• COMFY_API_URL: Comfy Deploy 的基础 URL。
• COMFY_DEPLOYMENT_ID: 文本到图像服务的部署 ID。
• COMFY_DEPLOYMENT_ID_CONTROLNET: ControlNet 工作流的部署 ID。

通过这些环境变量，项目可以连接到 Comfy Deploy 的服务并进行相应的部署和操作。