ComfyUI Web Viewer：实现图像生成的实时预览与协作

核心节点说明

该插件主要包含以下几个核心节点，用于控制视图、输出及分享功能：

• Web Viewer Initializer：初始化 Web Viewer 的节点。负责设置服务器地址、端口号等基本参数，确保 Web Viewer 能够正常启动并与 ComfyUI 进行交互。用户可以在该节点配置是否允许外部访问、设置访问密码等安全相关参数，以保护图像生成工作流和结果的隐私。
• Image Output for Web：将 ComfyUI 生成的图像输出到 Web Viewer 的节点。连接到图像生成流程的最后一步，获取生成的图像数据，并将其格式化为适合在 Web 浏览器中展示的格式。用户可以在该节点设置图像的分辨率、质量等输出参数，以优化在浏览器中的展示效果。
• Workflow Share Link Generator：生成工作流分享链接的节点。根据当前 ComfyUI 的工作流结构和参数设置，生成一个唯一的链接。通过这个链接，其他用户可以在 Web Viewer 中查看该工作流以及对应的图像生成结果。用户可以选择是否包含图像生成的历史记录，以便分享对象更好地了解生成过程。
• Web Viewer Controller：用于控制 Web Viewer 显示和交互功能的节点。例如，用户可以通过该节点设置 Web Viewer 界面上的操作按钮，如是否显示参数调整按钮、重置按钮等。还可以设置图像在 Web Viewer 中的显示布局，如单张显示、多张并排显示等，以满足不同的查看需求。

关键参数配置建议

在实际使用中，合理的参数配置能显著提升体验。以下是推荐设置：

1. Web Viewer Initializer 节点

   • Server Address：如果在本地使用，通常设置为 127.0.0.1，表示仅允许本地访问，增强安全性。若需要在局域网内共享，可设置为本地局域网 IP 地址。
   • Port Number：指定 Web Viewer 使用的端口号。推荐选择一个未被其他程序占用的端口，如 8188。避免使用常见的系统端口（如 80、443 等），以防止端口冲突。
   • Allow External Access：若仅在本地或内部团队使用，设置为 False，确保安全性。若需要与外部合作伙伴分享，设置为 True，但同时要设置访问密码等安全措施。
   • Access Password：设置访问 Web Viewer 的密码。建议设置一个强密码，包含字母、数字和特殊字符，长度不少于 8 位，以保护图像生成内容的隐私。

2. Image Output for Web 节点

   • Output Resolution：设置输出图像在 Web Viewer 中的分辨率。对于一般的图像查看，设置为 1280x720 或 1920x1080 即可满足大多数浏览器的显示需求。若图像细节较多，可适当提高分辨率，但要注意过高的分辨率可能会导致加载速度变慢。
   • Image Quality：调整输出图像的质量。取值范围一般为 0 - 100，值越高质量越好，但文件大小也越大。推荐设置在 80 - 90 之间，既能保证图像质量，又能控制文件大小，使图像在浏览器中快速加载。

3. Workflow Share Link Generator 节点

   • Include History：如果希望分享对象全面了解生成过程，设置为 True。若仅希望对方查看最终结果，设置为 False，以简化分享内容。

4. Web Viewer Controller 节点

   • Show Parameter Buttons：如果希望分享对象可以在浏览器中尝试调整参数，设置为 True。若不希望对方修改参数，仅查看结果，设置为 False。
   • Image Display Layout：选择图像在 Web Viewer 中的显示布局。如果是单个图像展示，选择 Single Image；若要同时展示多个图像对比，选择 Multiple Images Side-by-Side。

工作流示例

假设我们使用 ComfyUI 的 Stable Diffusion 节点生成一系列艺术图像，基本连线逻辑如下：

图像生成节点（如 Stable Diffusion 节点） -> Image Output for Web
Stable Diffusion 节点 -> Workflow Share Link Generator
Web Viewer Initializer
Web Viewer Controller

具体操作流程： 首先，通过'Web Viewer Initializer'节点，设置'Server Address'为 127.0.0.1，'Port Number'为 8188，'Allow External Access'为 False，'Access Password'为自定义强密码，初始化 Web Viewer 的运行环境。然后，'Image Output for Web'节点连接到 Stable Diffusion 图像生成节点的输出，设置'Output Resolution'为 1920x1080，'Image Quality'为 85，将生成的图像格式化为适合 Web 展示的格式。接着，'Workflow Share Link Generator'节点根据当前工作流生成分享链接，设置'Include History'为 True，以便分享对象可以查看图像生成的完整历史。最后，'Web Viewer Controller'节点设置'Show Parameter Buttons'为 False，'Image Display Layout'为 Single Image，控制 Web Viewer 的显示和交互功能。完成设置后，用户可以通过生成的链接在浏览器中查看图像生成结果和过程，由于设置了本地访问和密码，只有知道密码的本地用户可以访问，确保了内容的安全性。

总结

ComfyUI Web Viewer 为 ComfyUI 的图像生成工作带来了极大的便利，广泛应用于实时预览与调整、团队协作与分享、远程访问与移动办公以及教学与培训等多个场景。与传统方法相比，它在实时反馈、团队协作、跨设备访问和教学展示等方面具有显著优势。通过丰富的节点和详细的参数设置，用户能够灵活地配置 Web Viewer，满足不同的使用需求。虽然安装过程可能涉及依赖包兼容性和模型下载等操作（模型下载主要针对 ComfyUI 本身），且参数调整需要一定的实践来掌握最佳设置，但对于希望提升 ComfyUI 使用体验和效率的用户来说，ComfyUI Web Viewer 是一款极具价值的插件，能够帮助他们更好地管理和分享图像生成工作，进一步拓展 ComfyUI 在不同领域的应用范围和协作可能性。