3.2.2 LangChain.js + LangGraph.js 实战

3.2.2 LangChain.js + LangGraph.js 实战

项目背景与目标

本项目是一个基于 LangGraph 的可视化工作流引擎，旨在提供一个直观的图形化界面来设计和执行复杂的 AI 工作流。项目采用前后端分离架构，前端使用 React + React Flow 实现可视化编辑器，后端使用 Node.js + LangGraph 实现工作流执行引擎。

核心目标：

• 提供直观的可视化工作流设计界面
• 支持多种节点类型（输入、LLM、条件判断、输出）
• 实现灵活的条件路由和数据处理
• 集成主流 LLM 服务（智谱AI）
• 支持工作流的序列化和反序列化

技术栈选型

前端技术栈：

• React 19.1.1 - 用户界面框架
• React Flow (@xyflow/react) - 流程图可视化
• Ant Design - UI 组件库
• MobX - 状态管理
• Tailwind CSS - 样式框架
• Vite - 构建工具

后端技术栈：

• Node.js - 运行时环境
• Express - Web 框架