大家好,我是莎姐

昨天豆包Seedream4.0模型全面更新,除了支持原生的文生图,图生图,还可以实现基于主题一致性的多图融合,组图生成玩法。

支持单次输入10张图像,还可一次性连续输出15张内容关联图像,让图像创作更加自由可控。

图片

可以看到在美感,参考一致性,图文匹配等方面非常有优势

应用场景非常广,海报设计 动漫,文创,商业设计,电商营销等。

感兴趣的可以去体验一下~~

图片

图片

我把豆包4.0接入到了n8n中。

通过前端页面输入关键参数,触发n8n工作流,将豆包API接入到n8n工作流中,将生成的结果返回到前端页面,就可以在前端页面实时看到生图的图片效果。

![图片](data:image/svg+xml,%3C%3Fxml version=‘1.0’ encoding=‘UTF-8’%3F%3E%3Csvg width=‘1px’ height=‘1px’ viewBox=‘0 0 1 1’ version=‘1.1’ xmlns=‘http://www.w3.org/2000/svg' xmlns:xlink=‘http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=‘none’ stroke-width=‘1’ fill=‘none’ fill-rule=‘evenodd’ fill-opacity=‘0’%3E%3Cg transform=‘translate(-249.000000, -126.000000)’ fill=’%23FFFFFF’%3E%3Crect x=‘249’ y=‘126’ width=‘1’ height=‘1’%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

![图片](data:image/svg+xml,%3C%3Fxml version=‘1.0’ encoding=‘UTF-8’%3F%3E%3Csvg width=‘1px’ height=‘1px’ viewBox=‘0 0 1 1’ version=‘1.1’ xmlns=‘http://www.w3.org/2000/svg' xmlns:xlink=‘http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=‘none’ stroke-width=‘1’ fill=‘none’ fill-rule=‘evenodd’ fill-opacity=‘0’%3E%3Cg transform=‘translate(-249.000000, -126.000000)’ fill=’%23FFFFFF’%3E%3Crect x=‘249’ y=‘126’ width=‘1’ height=‘1’%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

下面还会保存有历史记录

![图片](data:image/svg+xml,%3C%3Fxml version=‘1.0’ encoding=‘UTF-8’%3F%3E%3Csvg width=‘1px’ height=‘1px’ viewBox=‘0 0 1 1’ version=‘1.1’ xmlns=‘http://www.w3.org/2000/svg' xmlns:xlink=‘http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=‘none’ stroke-width=‘1’ fill=‘none’ fill-rule=‘evenodd’ fill-opacity=‘0’%3E%3Cg transform=‘translate(-249.000000, -126.000000)’ fill=’%23FFFFFF’%3E%3Crect x=‘249’ y=‘126’ width=‘1’ height=‘1’%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

核心节点处理

工作流节点结构:

主链路:

<span data-cacheurl="" data-remoteid="" data-lazy-bgimg="https://mmbiz.qpic.cn/mmbiz_svg/kiaXicXJs2M4dKWOu9ZDkkTicKpDciayU3iaKRBMlxFJXhvpV7BuZIN9DCa94Ty76KnNGwCCzrdqRgu6RJ4G6OAwEVm8tUUqd8fKy/640?wx_fmt=svg&amp;from=appmsg"></span><code><span leaf="">[Webhook Trigger] → [数据处理] → [HTTP Request to 豆包API] → [响应处理] → [Respond to Webhook]</span><br><br></code>

辅助链路

<span data-cacheurl="" data-remoteid="" data-lazy-bgimg="https://mmbiz.qpic.cn/mmbiz_svg/kiaXicXJs2M4dKWOu9ZDkkTicKpDciayU3iaKRBMlxFJXhvpV7BuZIN9DCa94Ty76KnNGwCCzrdqRgu6RJ4G6OAwEVm8tUUqd8fKy/640?wx_fmt=svg&amp;from=appmsg"></span><code><span leaf="">历史记录查询 → 获取历史记录 → 历史记录响应</span><br></code>

整个流程:前端页面点击“生成图片”之后会触发n8n的工作流节点,然后对前端页面的提交的表单数据进行处理,处理之后会调用豆包大模型的API生成图片,对图片数据进行处理之后,回传到前端页面进行展示即可

一、 触发器

下面的节点会接收前端页面的请求。

![图片](data:image/svg+xml,%3C%3Fxml version=‘1.0’ encoding=‘UTF-8’%3F%3E%3Csvg width=‘1px’ height=‘1px’ viewBox=‘0 0 1 1’ version=‘1.1’ xmlns=‘http://www.w3.org/2000/svg' xmlns:xlink=‘http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=‘none’ stroke-width=‘1’ fill=‘none’ fill-rule=‘evenodd’ fill-opacity=‘0’%3E%3Cg transform=‘translate(-249.000000, -126.000000)’ fill=’%23FFFFFF’%3E%3Crect x=‘249’ y=‘126’ width=‘1’ height=‘1’%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

参数验证:检验前端页面提交关键数据是否为空

二、 数据处理

对提交的数据进行数据清洗,提取关键数据给到豆包大模型

![图片](data:image/svg+xml,%3C%3Fxml version=‘1.0’ encoding=‘UTF-8’%3F%3E%3Csvg width=‘1px’ height=‘1px’ viewBox=‘0 0 1 1’ version=‘1.1’ xmlns=‘http://www.w3.org/2000/svg' xmlns:xlink=‘http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=‘none’ stroke-width=‘1’ fill=‘none’ fill-rule=‘evenodd’ fill-opacity=‘0’%3E%3Cg transform=‘translate(-249.000000, -126.000000)’ fill=’%23FFFFFF’%3E%3Crect x=‘249’ y=‘126’ width=‘1’ height=‘1’%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

三、 豆包API调用

根据豆包API的参数进行配置

图片

四、结果回传

将生成的图片内容进行前端页面回显

图片

案例

图片

图片

图片

图片

图片

图片

图片

图片

图片

写在最后

这样做的意义在于“可控”和“可扩展”。可以根据特定的需求场景进行扩展。

当定制化某个场景,或某个专属风格的时候,你将拥有一个7x24小时自动批量生图的永动机了。

页面端适合个体操作,但当你需要把生图嵌进业务流程(带权限、带参数、带回调、带埋点),需要批量化、自动化、与现有系统打通(如CMS、工单、素材库、监控告警),页面端就不够了。n8n 把“一次点击”升级成“可编排的能力”,让你有策略、可追踪、可复用地迭代整个链路。

既然看到这里了,不妨给个一键三连哈,点赞,关注,转发哦,感谢!

~欢迎评论区交流~

我创建一个n8n交流群,感兴趣的可以加入一起交流讨论

图片

图片

#n8n #工作流 ##智能体 #豆包4.0