Skip to content

用户界面

您可以使用预构建的聊天用户界面与任何LangGraph代理进行交互,通过Agent Chat UI。使用部署版本是最快的方式开始使用,并允许您与本地和已部署的图进行交互。

在UI中运行代理

首先,在本地设置LangGraph API服务器本地部署或在LangGraph云上部署您的代理。

然后,导航到代理聊天UI,或者克隆仓库并在本地运行开发服务器

提示

UI支持开箱即用的工具调用渲染以及工具结果消息显示。要自定义显示的消息,请参阅代理聊天UI文档中的Hiding Messages in the Chat部分。

添加人机交互环节

Agent Chat UI 完全支持人机交互环节的工作流程。要尝试,请用此代理实现替换 src/agent/graph.py(来自部署指南)中的代理代码:

重要

如果您的 LangGraph 代理使用HumanInterrupt模式中断,则 Agent Chat UI 的效果最佳。如果不使用该模式,Agent Chat UI 将能够渲染传递给 interrupt 函数的输入,但不会完全支持恢复您的图。

生成式UI

您也可以在Agent Chat UI中使用生成式UI。

生成式UI允许您定义React组件,并从LangGraph服务器将其推送到UI。有关构建生成式UILangGraph代理的更多文档,请参阅这些文档

Comments