快速接入 ComfyUI 工作流分享一次调用打通第三方平台【免费下载链接】ComfyUI-ManagerComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable various custom nodes of ComfyUI. Furthermore, this extension provides a hub feature and convenience functions to access a wide range of information within ComfyUI.项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-ManagerComfyUI-Manager 为 ComfyUI 内置了一套开箱即用的工作流分享 API。借助它你能把画布上的工作流连同生成结果一键发布到 OpenArt、YouML 等多个平台。读完本文你将拿到一条可复用的接入链路直接为自己的应用补上一键分享 ComfyUI 工作流的能力。场景好作品不该锁死在本地图库里假设你运营着一个 AI 创作社区站内已经积累了几万份用户投稿的 ComfyUI 工作流。大家画得兴起却只能截图炫耀、压缩包互传想把某条工作流发布到 OpenArt、YouML 这类专业平台还得手工下载再上传。平台与平台之间仿佛隔着一堵墙。ComfyUI-Manager 恰好拆掉了这堵墙。它在浏览器端暴露了一组 JavaScript 模块负责读取画布 → 打包工作流 → 交给第三方平台而我们作为集成方只需要在正确的时机调用它。本文要解决的核心问题只有一个如何在自己的界面里让用户点一下按钮就把工作流连同成品图发到第三方平台。 五分钟跑通最小分享链路先不纠结原理。整条分享链路其实只有三步取数据、开窗口、等结果。第一步取数据。ComfyUI 的全局对象app提供了graphToPrompt()它把当前画布序列化成 JSON其中prompt[workflow]就是可被平台原样还原的完整工作流描述const prompt await app.graphToPrompt(); const workflowJSON prompt[workflow]; // 画布的完整快照等于一张菜谱第二步开窗口。分享入口是一组现成的对话框函数比如showOpenArtShareDialog()。它内部会先拉取画布数据再扫描节点收集可分享的成品图最后弹出填写标题、描述的发布表单import { showOpenArtShareDialog } from ./comfyui-share-common.js; showOpenArtShareDialog();第三步等结果。用户填完表单点下 Share成功后对话框里会直接给出作品页链接点击即可跳转查看。到这里一条最小可用的 ComfyUI 工作流第三方集成链路已经成立。接下来我们把幕后机制讲清楚再完整走一遍 OpenArt 的接入。三个概念先打比方再谈代码 工作流 JSON是一张菜谱工作流 JSON 记录了每个节点、每条连线、每个参数值任何人拿到它都能在本地复现整条生成流程——就像一张菜谱材料、火候、步骤一应俱全。分享工作流本质上是把这张菜谱交到平台手里再由平台转交给其他用户复刻。 输出节点是出锅的成品菜光有菜谱还不够用户更想看到成品。getPotentialOutputsAndOutputNodes()干的就是上菜的活儿它遍历画布节点从PreviewImage、SaveImage、VHS_VideoCombine这类输出节点里把已经渲染好的图片、动图收集起来const nodes app.graph._nodes; const { potential_outputs, potential_output_nodes } getPotentialOutputsAndOutputNodes(nodes);返回值中potential_outputs是候选成品含文件名、子目录、格式等定位信息potential_output_nodes是它们对应的节点两者按序一一对应供分享对话框渲染成可选缩略图。 平台适配器是不同的外卖渠道有了菜谱和成品剩下的就是送外卖。ComfyUI-Manager 把 OpenArt、YouML、Copus、Matrix 等平台封装成各自独立的适配模块对外统一暴露showXxxShareDialog()这类入口。调用方无需关心每家平台的文件上传格式与鉴权细节面对的永远是同一个打开分享框的动作——这正是它降低集成成本的设计巧思。实战把 ComfyUI 工作流分享接到 OpenArt下面以 OpenArt 为例完整走一遍接入流程共四步。第一步引入分享模块分享模块集中在js/comfyui-share-common.js它内部又引入了 Copus、OpenArt、YouML 三个平台的对话框实现。我们要做的是把入口函数引入进来import { showOpenArtShareDialog } from ./comfyui-share-common.js;这一步解决的是函数从哪来也是唯一必须写的一行导入代码。第二步在工作区挂一个分享按钮有了函数就得给用户一个触发它的控件。无论你是在自己的工具条上加按钮还是像 ComfyUI-Manager 那样把它注册进右键菜单核心代码都是同一句button onclickshowOpenArtShareDialog()分享到 OpenArt/button这一步解决的是用户从哪点。点击后对话框会自动带上已识别的成品图列表用户既可以直接选一张当封面也可以从本地上传缩略图。第三步配置并记住 API 密钥OpenArt 要求调用者持有 API 密钥。好消息是密钥可以持久化保存下次打开对话框时自动回填。保存与读取都走 ComfyUI-Manager 提供的后端接口// 保存密钥后端会写入本地文件后续分享自动复用 await api.fetchApi(/manager/set_openart_auth, { method: POST, headers: { Content-Type: application/json }, body: JSON.stringify({ openart_key: 你的密钥 }) }); // 读取已保存的密钥回填到输入框 const key await api.fetchApi(/manager/get_openart_auth) .then(r r.json()) .then(data data.openart_key);这一步解决的是身份从哪验。密钥一旦配好后续分享基本就是无感操作。第四步处理返回结果用户点下 Share 后流程会先上传缩略图再向 OpenArt 发布接口提交工作流 JSON、作品图与表单信息。发布成功的标志是拿到了workflow_id据此拼出作品页地址并展示给用户const url https://openart.ai/workflows/-/-/${workflow_id}; this.message.innerHTML 分享成功a href${url} target_blank点此查看你的作品/a;这一步解决的是结果怎么收尾。把链接交还给用户整个一键分享 ComfyUI 工作流的闭环就此完成。避坑手册三个高频翻车点坑一画布里没有输出节点对话框直接罢工现象点击分享后弹出提示告知未找到受支持的输出节点。原因输出收集逻辑只识别固定名单内的节点类型如PreviewImage、SaveImage、VHS_VideoCombine、SaveAnimatedWEBP等。解法给画布补一个受支持的输出节点重新运行一次生成再点分享。坑二图还没生成就点分享得到请先运行提示现象画布里有输出节点但系统要求先执行一次生成。原因分享的目标图片来自节点上已渲染的输出画布上暂时没有任何结果可供收集。解法先运行一次 prompt等输出就绪后再打开分享框候选缩略图就会自动出现。坑三密钥失效或界面错乱现象发布时返回鉴权错误或对话框样式与整体主题不搭。原因前者通常是密钥过期或粘贴不全后者往往是没有把分享对话框依赖的公共样式一并加载进来。解法到平台后台重新生成密钥并再次保存检查custom-nodes-manager.css等样式资源是否已随页面正常加载。进阶玩法不止于分享自定义分享对话框分享框本质上继承自 ComfyUI 的ComfyDialog你可以子类化它重写createButtons()与share()拼装自己的表单字段与发布逻辑做成专属的提交到我的平台入口。扩展工作流元数据发布时除了标题与描述还能带上作者署名、标签、甚至当前插件版本快照让平台端更好地索引和展示你的工作流。聚合分享面板ShareDialogChooser把 OpenArt、YouML、Matrix、ComfyWorkflows、eSheep、Copus 排进同一个选择面板一次打开、按需挑选后端还提供统一的/manager/share接口支持同时投递到多个目标平台。这些能力的源码分别落在js/comfyui-share-common.js、js/comfyui-share-openart.js、js/comfyui-share-copus.js与glob/share_3rdparty.py是现成的学习样本值得逐行翻一翻。结尾回到开头的社区场景如果你也想让用户把工作流一键分享出去ComfyUI-Manager 已经把最难的画布序列化、输出收集、平台对接全部封装好了我们要做的不过是引入一个函数、挂一个按钮、配一把密钥。从最小链路到完整接入再到避坑与进阶这条工作流分享 API 接入教程到此告一段落。下一步不妨打开自己的项目先跑通那三行代码再按实战四步走一遍。等你亲眼看到自己平台的作品链接出现在 OpenArt 上就会明白这堵墙拆得有多值。【免费下载链接】ComfyUI-ManagerComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable various custom nodes of ComfyUI. Furthermore, this extension provides a hub feature and convenience functions to access a wide range of information within ComfyUI.项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-Manager创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 快速接入 ComfyUI 工作流分享：一次调用打通第三方平台
快速接入 ComfyUI 工作流分享一次调用打通第三方平台【免费下载链接】ComfyUI-ManagerComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable various custom nodes of ComfyUI. Furthermore, this extension provides a hub feature and convenience functions to access a wide range of information within ComfyUI.项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-ManagerComfyUI-Manager 为 ComfyUI 内置了一套开箱即用的工作流分享 API。借助它你能把画布上的工作流连同生成结果一键发布到 OpenArt、YouML 等多个平台。读完本文你将拿到一条可复用的接入链路直接为自己的应用补上一键分享 ComfyUI 工作流的能力。场景好作品不该锁死在本地图库里假设你运营着一个 AI 创作社区站内已经积累了几万份用户投稿的 ComfyUI 工作流。大家画得兴起却只能截图炫耀、压缩包互传想把某条工作流发布到 OpenArt、YouML 这类专业平台还得手工下载再上传。平台与平台之间仿佛隔着一堵墙。ComfyUI-Manager 恰好拆掉了这堵墙。它在浏览器端暴露了一组 JavaScript 模块负责读取画布 → 打包工作流 → 交给第三方平台而我们作为集成方只需要在正确的时机调用它。本文要解决的核心问题只有一个如何在自己的界面里让用户点一下按钮就把工作流连同成品图发到第三方平台。 五分钟跑通最小分享链路先不纠结原理。整条分享链路其实只有三步取数据、开窗口、等结果。第一步取数据。ComfyUI 的全局对象app提供了graphToPrompt()它把当前画布序列化成 JSON其中prompt[workflow]就是可被平台原样还原的完整工作流描述const prompt await app.graphToPrompt(); const workflowJSON prompt[workflow]; // 画布的完整快照等于一张菜谱第二步开窗口。分享入口是一组现成的对话框函数比如showOpenArtShareDialog()。它内部会先拉取画布数据再扫描节点收集可分享的成品图最后弹出填写标题、描述的发布表单import { showOpenArtShareDialog } from ./comfyui-share-common.js; showOpenArtShareDialog();第三步等结果。用户填完表单点下 Share成功后对话框里会直接给出作品页链接点击即可跳转查看。到这里一条最小可用的 ComfyUI 工作流第三方集成链路已经成立。接下来我们把幕后机制讲清楚再完整走一遍 OpenArt 的接入。三个概念先打比方再谈代码 工作流 JSON是一张菜谱工作流 JSON 记录了每个节点、每条连线、每个参数值任何人拿到它都能在本地复现整条生成流程——就像一张菜谱材料、火候、步骤一应俱全。分享工作流本质上是把这张菜谱交到平台手里再由平台转交给其他用户复刻。 输出节点是出锅的成品菜光有菜谱还不够用户更想看到成品。getPotentialOutputsAndOutputNodes()干的就是上菜的活儿它遍历画布节点从PreviewImage、SaveImage、VHS_VideoCombine这类输出节点里把已经渲染好的图片、动图收集起来const nodes app.graph._nodes; const { potential_outputs, potential_output_nodes } getPotentialOutputsAndOutputNodes(nodes);返回值中potential_outputs是候选成品含文件名、子目录、格式等定位信息potential_output_nodes是它们对应的节点两者按序一一对应供分享对话框渲染成可选缩略图。 平台适配器是不同的外卖渠道有了菜谱和成品剩下的就是送外卖。ComfyUI-Manager 把 OpenArt、YouML、Copus、Matrix 等平台封装成各自独立的适配模块对外统一暴露showXxxShareDialog()这类入口。调用方无需关心每家平台的文件上传格式与鉴权细节面对的永远是同一个打开分享框的动作——这正是它降低集成成本的设计巧思。实战把 ComfyUI 工作流分享接到 OpenArt下面以 OpenArt 为例完整走一遍接入流程共四步。第一步引入分享模块分享模块集中在js/comfyui-share-common.js它内部又引入了 Copus、OpenArt、YouML 三个平台的对话框实现。我们要做的是把入口函数引入进来import { showOpenArtShareDialog } from ./comfyui-share-common.js;这一步解决的是函数从哪来也是唯一必须写的一行导入代码。第二步在工作区挂一个分享按钮有了函数就得给用户一个触发它的控件。无论你是在自己的工具条上加按钮还是像 ComfyUI-Manager 那样把它注册进右键菜单核心代码都是同一句button onclickshowOpenArtShareDialog()分享到 OpenArt/button这一步解决的是用户从哪点。点击后对话框会自动带上已识别的成品图列表用户既可以直接选一张当封面也可以从本地上传缩略图。第三步配置并记住 API 密钥OpenArt 要求调用者持有 API 密钥。好消息是密钥可以持久化保存下次打开对话框时自动回填。保存与读取都走 ComfyUI-Manager 提供的后端接口// 保存密钥后端会写入本地文件后续分享自动复用 await api.fetchApi(/manager/set_openart_auth, { method: POST, headers: { Content-Type: application/json }, body: JSON.stringify({ openart_key: 你的密钥 }) }); // 读取已保存的密钥回填到输入框 const key await api.fetchApi(/manager/get_openart_auth) .then(r r.json()) .then(data data.openart_key);这一步解决的是身份从哪验。密钥一旦配好后续分享基本就是无感操作。第四步处理返回结果用户点下 Share 后流程会先上传缩略图再向 OpenArt 发布接口提交工作流 JSON、作品图与表单信息。发布成功的标志是拿到了workflow_id据此拼出作品页地址并展示给用户const url https://openart.ai/workflows/-/-/${workflow_id}; this.message.innerHTML 分享成功a href${url} target_blank点此查看你的作品/a;这一步解决的是结果怎么收尾。把链接交还给用户整个一键分享 ComfyUI 工作流的闭环就此完成。避坑手册三个高频翻车点坑一画布里没有输出节点对话框直接罢工现象点击分享后弹出提示告知未找到受支持的输出节点。原因输出收集逻辑只识别固定名单内的节点类型如PreviewImage、SaveImage、VHS_VideoCombine、SaveAnimatedWEBP等。解法给画布补一个受支持的输出节点重新运行一次生成再点分享。坑二图还没生成就点分享得到请先运行提示现象画布里有输出节点但系统要求先执行一次生成。原因分享的目标图片来自节点上已渲染的输出画布上暂时没有任何结果可供收集。解法先运行一次 prompt等输出就绪后再打开分享框候选缩略图就会自动出现。坑三密钥失效或界面错乱现象发布时返回鉴权错误或对话框样式与整体主题不搭。原因前者通常是密钥过期或粘贴不全后者往往是没有把分享对话框依赖的公共样式一并加载进来。解法到平台后台重新生成密钥并再次保存检查custom-nodes-manager.css等样式资源是否已随页面正常加载。进阶玩法不止于分享自定义分享对话框分享框本质上继承自 ComfyUI 的ComfyDialog你可以子类化它重写createButtons()与share()拼装自己的表单字段与发布逻辑做成专属的提交到我的平台入口。扩展工作流元数据发布时除了标题与描述还能带上作者署名、标签、甚至当前插件版本快照让平台端更好地索引和展示你的工作流。聚合分享面板ShareDialogChooser把 OpenArt、YouML、Matrix、ComfyWorkflows、eSheep、Copus 排进同一个选择面板一次打开、按需挑选后端还提供统一的/manager/share接口支持同时投递到多个目标平台。这些能力的源码分别落在js/comfyui-share-common.js、js/comfyui-share-openart.js、js/comfyui-share-copus.js与glob/share_3rdparty.py是现成的学习样本值得逐行翻一翻。结尾回到开头的社区场景如果你也想让用户把工作流一键分享出去ComfyUI-Manager 已经把最难的画布序列化、输出收集、平台对接全部封装好了我们要做的不过是引入一个函数、挂一个按钮、配一把密钥。从最小链路到完整接入再到避坑与进阶这条工作流分享 API 接入教程到此告一段落。下一步不妨打开自己的项目先跑通那三行代码再按实战四步走一遍。等你亲眼看到自己平台的作品链接出现在 OpenArt 上就会明白这堵墙拆得有多值。【免费下载链接】ComfyUI-ManagerComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable various custom nodes of ComfyUI. Furthermore, this extension provides a hub feature and convenience functions to access a wide range of information within ComfyUI.项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-Manager创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考