用户界面¶
您可以使用预构建的聊天用户界面与任何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代理的更多文档,请参阅这些文档。