您可以通过 Agent Chat UI 使用预构建的聊天界面与任意 LangGraph 代理进行交互。使用已部署版本 是最快上手的方式,支持与本地或已部署的图结构进行交互。
在 UI 中运行代理
首先,请在本地设置 LangGraph API 服务器(参见本地部署指南),或将您的代理部署到 LangGraph 平台。
然后,访问 Agent Chat UI,或者克隆仓库并在本地启动开发服务器。
该 UI 默认支持渲染工具调用及工具结果消息。如需自定义显示哪些消息,请参阅 Agent Chat UI 文档中的 “在聊天中隐藏消息” 章节。
添加人在回路(Human-in-the-loop)
Agent Chat UI 完全支持人在回路 工作流。要体验此功能,请将 src/agent/graph.py 文件(来自部署指南)中的代理代码替换为此代理实现。
Agent Chat UI 在您的 LangGraph 代理使用 [@HumanInterrupt 模式][HumanInterrupt] 进行中断时效果最佳。如果您未使用该模式,UI 仍可渲染传递给 interrupt 函数的输入内容,但将无法完全支持图的恢复执行。
生成式 UI(Generative UI)
您也可以在 Agent Chat UI 中使用生成式 UI 功能。
生成式 UI 允许您定义 React 组件,并从 LangGraph 服务器推送至前端界面。有关构建支持生成式 UI 的 LangGraph 代理的详细文档,请阅读此处文档。