n8n-base产品系统Vibe Coding

我要开发同款
Broly2026年08月19日
4阅读

技术信息

语言技术
HTML5CSSJavaScriptReactTypeScript
系统类型
Web
行业分类
企业服务

作品详情

行业场景

# n8n-base 项目:行业场景、业务背景与解决的问题
## 一、行业场景
这个项目属于 **低代码/无代码工作流自动化(iPaaS)与 AI Agent 编排**赛道,直接对标的产品是:

- **n8n**(开源工作流自动化,项目名 `n8n-base` 即来源于此)
- **Zapier / Make(Integromat)**(面向业务人员的自动化集成平台)
- **Coze / Dify / 字节扣子** 一类「AI 应用搭建 + 编排」平台

具体落地场景集中在三块:

1. **企业运营自动化**:把"表单收集 → 数据处理 → 通知/写入系统"这类重复性人工操作自动化
2. **AI 内容生产流水线**:串联多个 AI 节点,实现"总结 → 翻译 → 润色 → 分发"等智能流程
3. **智能营销 / 客服 / 线索处理**:表单提交触发 AI 分析、打分、自动回复,再通过 HTTP 请求同步到 CRM、群机器人

## 二、业务背景

核心痛点是:**业务团队有大量跨系统的自动化需求,但没有研发资源逐个开发**。

传统做法是:运营/市场/客服提需求 → 开发排期 → 写代码对接 API → 上线,周期长、成本高,而且这些需求往往是"长尾小需求",不值得为每个都立项开发。

于是行业催生了 n8n / Zapier 这类平台——**让非技术人员通过"拖拽连线"的方式自己搭自动化**,把开发成本从"写代码"降到"画流程图"。

n8n-base 是在这个背景下,基于现代全栈技术从零复刻/搭建的一个 n8n 式平台,**并额外强化了 AI 能力**(DeepSeek、通义千问、Gemini 等大模型节点),契合当前"AI 融入业务流程"的趋势。它本身也可以作为一个可商业化的 SaaS 产品(已接入 Polar 付费订阅,暗示了面向付费用户的商业化意图)

功能介绍

账号体系:邮箱注册/登录、会话管理、付费订阅集成(Polar,预留)
工作流管理:创建 / 重命名 / 删除 / 列表(分页 + 搜索)
可视化编辑器:React Flow 画布,节点拖拽、连线、小地图、自动保存到数据库
节点类型:手动触发、Google 表单触发器(Webhook)、AI 节点(DeepSeek / 通义千问 / Gemini)、HTTP 请求节点
变量模板:Handlebars 模板,前一节点输出可作为变量注入后续节点的 Prompt / URL / Body
执行引擎:Inngest 后台任务 + 拓扑排序,按顺序执行节点、自动重试、检测循环依赖
实时状态:执行时各节点实时显示 loading / success / error 状态
凭证管理:每个用户配置多个 AI 提供商 API Key,运行时自动取用
Webhook 集成:Google 表单提交自动触发工作流并注入数据
扩展性:节点采用插件式架构(配置弹窗 + 画布组件 + 执行器),新增节点只需补 4 个文件;Stripe / Slack / Discord 等节点已预留
一句话:用现代全栈技术(Next.js + React Flow + tRPC + Prisma + Inngest + AI SDK)实现的 AI 工作流自动化平台,已完成"可视化编辑 → 执行 → 实时反馈"闭环。

项目实现

核心功能
用户认证:邮箱+密码注册/登录(better-auth),Session 管理,受保护路由
工作流管理:创建 / 重命名 / 删除 / 列表(分页 + 搜索),数据存 PostgreSQL
可视化流程编辑器:React Flow 画布,支持拖拽、连线、框选、小地图、对齐网格,节点/连线自动保存
节点类型:
触发器:手动触发(Manual Trigger)、Google 表单触发器(Webhook)
执行节点:AI 节点(DeepSeek、阿里 Qwen/Gemini、OpenAI 预留)、HTTP 请求节点
变量/模板系统:Handlebars 模板——前一个节点的输出可作为变量注入到后续节点的 Prompt、URL、Body 中
工作流执行引擎:Inngest 后台任务 + 拓扑排序,按依赖顺序逐节点执行,节点间传递数据上下文
节点实时状态:执行时通过 Inngest Realtime 把每个节点的 loading/success/error 状态实时推送到编辑器界面
凭证管理:每个用户可配置各 AI 提供商的 API Key(DeepSeek/阿里/OpenAI 等),AI 节点执行时自动取用
Webhook 入口:/api/webhooks/google-form 接收 Google 表单提交,注入初始数据触发工作流
付费集成(预留):Polar 支付插件(订阅 checkout、客户门户、用量计费)已接入
未完成/占位:执行历史页(Executions)是空壳;Stripe 触发器、Slack/Discord 等节点只留了枚举占位。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论