AI创想

标题: LangGraph Studio [打印本页]
作者: 米落枫    时间: 6 小时前
标题: LangGraph Studio
作者：E的工程笔记
文章目录


一、关于 LangGraph Studio

LangGraph Studio通过提供专门的代理IDE 提供了一种开发LLM app 的新方法，该IDE支持复杂代理应用程序的可视化、交互和调试
借助可视化图形和编辑状态的能力，您可以更好地了解代理工作流程并更快地迭代。LangGraph Studio 与LangSmith集成，因此您可以与队友协作调试故障模式。
在测试版中，任何计划层的所有LangSmith用户 都可以免费使用LangGraph Studio。在这里注册LangSmith。
(, 下载次数: 0)


下载

目前仅支持 Apple Silicon Mac。点击此处或访问发布页面下载 LangGraph Studio的最新.dmg文件。
二、设置

LangGraph Studio 需要 docker-compose 版本 2.22.0+或更高版本。请确保您已安装并运行Docker，然后再继续。
要使用 LangGraph Studio，请确保已设置带有LangGraph应用程序的项目。
对于这个例子，我们将在这里使用这个示例存储库：
  1. git clone https://github.com/langchain-ai/langgraph-example.git
复制代码
然后，您将需要使用相关的环境变量 创建一个.env文件：
  1. cp .env.example .env
复制代码
然后，您应该打开.env文件并填写相关的OpenAI、Anrowpic和TavilyAPI密钥。
注意：不要在 .env 文件中添加 LANGSMITH_API_KEY。我们会在您进行身份验证时自动为您执行此操作，如果您手动执行此操作，可能会导致错误。
设置好项目后，您就可以在 LangGraph Studio中使用它。让我们开始吧！
三、打开一个项目

首次打开LangGraph Studio桌面应用时，需要通过 LangSmith 登录。
(, 下载次数: 0)


成功认证后，您可以选择要使用的 LangGraph 应用程序文件夹 —— 您可以拖放，或在文件选择器中手动选择它。如果您使用的是示例项目，该文件夹将是langgraph-example。
重要 ： 您选择的应用程序目录 需要包含正确配置的langgraph.json文件。在此处查看有关如何配置它，以及查看 此处 如何在设置LangGraph应用程序。
(, 下载次数: 0)


选择有效项目后，LangGraph Studio 将启动 LangGraph API 服务器，您应该会看到一个呈现图形的UI。
(, 下载次数: 0)


三、调用图

现在我们可以运行 graph 了！LangGraph Studio允许您使用不同的输入和配置运行图形。
开始新的运行

要开始新的运行：
以下视频显示了如何开始新运行：
graph_invoke. mp4
配置图运行

要更改给定图形运行的配置，请按Input部分中的Configurable按钮。然后单击Submit以调用图形。
重要 ： 为了使Configurable菜单可见，请确保在创建StateGraph时 指定config_schema。您可以在此处阅读有关如何将配置模式添加到图表的更多信息。
以下视频展示了如何编辑配置并开始新运行： graph_config. mp4
四、创建和编辑线程

1、创建一个线程

当您打开LangGraph Studio时，您将自动进入一个新的线程窗口。如果您打开了现有线程，请按照以下步骤创建一个新线程：
以下视频展示了如何创建线程：
create_thread. mp4
2、选择一个线程

选择线程：
以下视频显示了如何选择线程：
select_thread. mp4
3、编辑线程状态

LangGraph Studio允许您编辑线程状态并分叉线程以创建具有更新状态的替代图形执行。要做到这一点：
以下视频展示了如何在工作室中编辑线程：
fork_thread. mp4
五、如何向图表添加中断

您可能希望逐步执行图形，或者在特定节点执行之前/之后停止图形执行。您可以通过添加中断来做到这一点。
可以为所有节点（即逐步遍历代理执行）或特定节点设置中断。
LangGraph Studio中的中断意味着图形执行将在给定节点运行之前和之后被中断。
1、将中断添加到节点列表

要逐步完成代理执行，您可以将中断添加到图中的全部或子集节点：
以下视频展示了如何向所有节点添加中断：
graph_interrupts_all. mp4
2、向特定节点添加中断

以下视频展示了如何向特定节点添加中断：
graph_interrupts. mp4
要删除中断，只需按照相同的步骤并按节点左侧的x按钮即可。
六、Human-in-the-loop

除了在节点上中断和编辑图形状态之外，您可能希望支持 具有手动更新状态能力 的人工循环工作流。
这是带有agent和human节点的agent.py的修改版本，其中图形执行将在human节点上中断。
这将允许您将输入作为human节点的一部分发送。
当您希望代理获取用户输入时，这可能很有用。这基本上取代了您从命令行运行input()的方式。
  1. from typing import TypedDict, Annotated, Sequence, Literal
  3. from langchain_core.messages import BaseMessage, HumanMessage
  4. from langchain_anthropic import ChatAnthropic
  5. from langgraph.graph import StateGraph, END, add_messages
  7. classAgentState(TypedDict):
  8.     messages: Annotated[Sequence[BaseMessage], add_messages]
  10. model =  ChatAnthropic(temperature=0, model_name="claude-3-sonnet-20240229")defcall_model(state: AgentState)-> AgentState:
  11.     messages = state["messages"]
  12.     response = model.invoke(messages)return{"messages":[response]}# no-op node that should be interrupted ondefhuman_feedback(state: AgentState)-> AgentState:passdefshould_continue(state: AgentState)-> Literal["agent","end"]:
  13.     messages = state['messages']
  14.     last_message = messages[-1]ifisinstance(last_message, HumanMessage):return"agent"return"end"
  16. workflow = StateGraph(AgentState)
  17. workflow.set_entry_point("agent")
  18. workflow.add_node("agent", call_model)
  19. workflow.add_node("human", human_feedback)
  20. workflow.add_edge("agent","human")
  21. workflow.add_conditional_edges("human",
  22.     should_continue,{"agent":"agent","end": END,},)
  23. graph = workflow.compile(interrupt_before=["human"])
复制代码
以下视频展示了如何在中断时手动发送状态更新（即我们示例中的消息）：
graph_hitl. mp4
七、编辑项目配置

LangGraph Studio允许您 以交互方式修改项目配置（langgraph.json）。
要从工作室修改配置，请执行以下步骤：
以下视频展示了如何从工作室编辑项目配置：
graph_edit_json. mp4
八、编辑图形代码

使用LangGraph Studio，您可以修改图形代码并将更改实时同步到交互式图形。
要从工作室修改您的图表，请执行以下步骤：
以下视频展示了如何从工作室打开代码编辑器：
graph_edit_code. mp4
修改底层代码后，您还可以重放图中的节点。例如，如果代理响应不佳，您可以在代码编辑器中更新代理节点实现并重新运行它。这可以使迭代长时间运行的代理变得更加容易。
replay.mp4
2024-08-04(日)




原文地址：https://blog.csdn.net/lovechris00/article/details/140963212



欢迎光临 AI创想 (https://www.llms-ai.com/) Powered by Discuz! X3.4