ComfyUI 浏览器

英文说明

这是一个用于 ComfyUI 的图像/视频/工作流浏览器和管理器。你可以将工作流同步到远程 Git 仓库，并在任何地方使用它们。

欢迎通过提交议题来提交你的工作流源。让我们一起构建工作流。

https://github.com/talesofai/comfyui-browser/assets/828837/803ce57a-1cf2-4e1c-be17-0efab401ef54

特性

浏览和管理输出文件夹中的图像/视频/工作流。
将工作流添加到"保存"中，以便更轻松地切换和管理它们。
通过 Git 在任何地方同步你的"保存"。
通过 Git 订阅工作流源，更轻松地加载它们。
通过关键词搜索工作流。
一些有用的自定义节点，如 xyz_plot、inputs_select。

自定义节点

选择输入

选择当前图表的任何输入。

XYZ 绘图

通过选择输入和填写值进行简单的 XYZ 绘图。

预览

输出

保存

源

模型

侧边栏视图

安装

ComfyUI 管理器

安装 ComfyUI 管理器，在安装自定义节点中搜索 comfyui-browser 并安装。

配置

在你的 comfyui-browser 目录中，你可以添加一个 config.json 来覆盖 comfyui-browser 使用的目录。例如：

{
  "collections": "/var/lib/comfyui/comfyui-browser-collections",
  "download_logs": "/var/lib/comfyui/comfyui-browser-download-logs",
  "outputs": "/var/lib/comfyui/outputs",
  "sources": "/var/lib/comfyui/comfyui-browser-sources"
}

默认配置值为：

{
  "collections": "[comfyui-browser]/collections",
  "download_logs": "[comfyui-browser]/download-logs",
  "outputs": "[comfyui]/outputs",
  "sources": "[comfyui-browser]/sources"
}

其中 [comfyui-browser] 是自动确定的 comfyui-browser 安装路径，[comfyui] 是自动确定的 comfyui 服务器路径。值得注意的是，outputs 目录默认为传递给 comfyui 的 --output-directory 参数，或者是 comfyui 希望用于 --output-directory 参数的默认路径。

手动安装

将此仓库克隆到 custom_nodes 文件夹中，然后重启 ComfyUI。

cd custom_nodes && git clone https://github.com/tzwm/comfyui-browser.git

注意事项

你的"保存"存储在 collections 配置值中。查看配置了解其默认值，以及如何将路径设置为不同的值。
在 ComfyUI 中按 'B' 键切换浏览器对话框。

开发

先决条件
- 安装 Node
框架
- 前端：Svelte
- 后端：aiohttp(与 ComfyUI 相同)
项目结构

├── __init__.py  (后端服务器)
├── web          (由 ComfyUI 加载的前端代码)
    ├── build    (Svelte 构建)
    └── index.js (与 ComfyUI 交互的前端)
├── svelte       (模态框中的前端，作为 iframe，使用 Svelte 编写)

构建和运行
- 复制或链接 comfyui-browser 到 ComfyUI/custom_nodes/
- 通过 cd ComfyUI && python main.py --enable-cors-header 启动后端
- 通过 cd ComfyUI/custom_nodes/comfyui-browser/svelte && npm i && npm run dev 启动前端
- 通过 http://localhost:5173/?comfyUrl=http://localhost:8188 打开和调试
  - 它将使用 localhost:8188 作为 ComfyUI 服务器
  - localhost:5173 是一个 Vite 开发服务器
注意事项
- 请尝试在 Windows 上测试，因为我只有 Linux/macOS

待办事项

将收藏同步到远程 git 仓库
将外部 git 仓库添加到本地收藏
通过节点名称和模型名称搜索工作流

更新日志

查看更新日志。

致谢

ComfyUI