项目安装与配置指南

项目安装与配置指南

agent-inbox 📥 An inbox UX for interacting with human-in-the-loop agents. 项目地址: https://gitcode.com/gh_mirrors/ag/agent-inbox

1. 项目基础介绍

本项目是 langchain-ai 开发的 Agent Inbox，它是一个为人类在环（human-in-the-loop）代理交互设计的用户界面。通过该界面，可以与 LangGraph 部署进行交互，接收中断并作出响应。

主要编程语言：TypeScript 和 JavaScript。

2. 项目使用的关键技术和框架

• LangGraph：本项目与 LangGraph 配合使用，LangGraph 是一个用于构建和运行复杂对话流程的框架。
• React：用于构建用户界面的 JavaScript 库。
• Next.js：一个基于 React 的框架，用于构建服务器端渲染或静态生成的 Web 应用程序。
• TypeScript：增加了类型系统，提高了代码的可维护性和可读性。

3. 项目安装和配置的准备工作

在开始安装之前，请确保您的系统中已安装以下软件：

• Node.js
• yarn 包管理器

详细安装步骤

1. 克隆项目仓库

   打开命令行工具，执行以下命令克隆项目：

   git clone https://github.com/langchain-ai/agent-inbox.git
   

2. 安装依赖

   进入项目目录：

   cd agent-inbox
   

   然后安装项目依赖：

   yarn install
   

3. 配置 LangGraph

   为了使 Agent Inbox 能够连接到您的 LangGraph 部署，需要进行以下配置：

   • 在侧边栏中点击“设置”按钮，并输入您的 LangSmith API 密钥。

   • 通过打开设置弹出窗口（位于侧边栏左下角），点击“添加邮箱”来创建您的第一个邮箱。这将打开一个包含三个字段的对话框：

     • Assistant/Graph ID：（必填）您的 LangGraph 图的名称或助手 ID。
     • Deployment URL：（必填）您的 LangGraph 部署的 URL。
     • 名称：（可选）邮箱的名称，将用作邮箱的标签。

   这些值将存储在浏览器的本地存储中，仅用于连接和认证对 LangGraph 部署的请求。

4. 更新代码中的中断

   为了与 Agent Inbox 兼容，您需要更新代码中所有使用中断的地方。具体做法请参考项目文档中的中断输入和输出模式。

完成以上步骤后，您就可以开始使用 Agent Inbox 与您的 LangGraph 项目进行交互了。

agent-inbox 📥 An inbox UX for interacting with human-in-the-loop agents. 项目地址: https://gitcode.com/gh_mirrors/ag/agent-inbox