如何构建由 Copilot 支持的 AI CoAgent 或应用程序

协同代理提供将 LanGraph 代理集成到 React 应用程序中以构建代理本机应用程序所需的工具包。在这篇文章中，我们将讨论这个工具并看看您如何构建由 Copilot 支持的 AI CoAgent 或应用程序。

什么是协同代理？

如前所述，CoAgent 是一个工具包，可让您将 AI 代理集成到应用程序中以创建 Agent-Native 应用程序。现在让我们谈谈它的特点。

CoAgents 有一个功能叫做共享状态因此，即使是一行代码也可以让您的应用程序获取代理的洞察，并且代理可以在同步并实时交互时获取洞察应用程序。
它还给你实时前端代理可以根据用户提供的上下文和应用程序的状态执行前端和后端操作，因为它是生成式 UI，所以这些工具调用会根据要求自动传播。
人在环允许将人类监督和干预无缝集成到人工智能工作流程中，指定输入或批准的断点以增强安全性和性能。
我们还有流中间代理状态，实时可视化座席思维过程，提供透明度和引人入胜的用户体验，这对于座席性能和满足用户期望的用户体验至关重要。
共同代理的代理生成 UI创建人工智能生成的动态界面，适应用户需求和代理输出，提供对代理状态的可见性并建立信任。

如果您喜欢前面所述的功能，您可能会考虑在您的业务中使用 CoAgents，让我们看看如何做到这一点。

构建由 Copilot 支持的 AI CoAgent 或应用程序

请按照以下步骤构建由 Copilot 支持的 AI CoAgent 或应用程序。

安装副驾驶套件
配置远程后端端点
添加 LangGraph 代理

让我们详细谈谈它们。

1]安装副驾驶套件

在开始使用 CoAgents 之前，我们需要首先在您的设备上安装 CopilotKit。我们假设您已经在您的计算机上并已为 React 应用程序创建了一个文件夹，但是，最后一部分对于此步骤是可选的。 CopilotKit 使用开源 LLM 模型，在本教程中我们将使用OpenAI API 密钥。话不多说，让我们开始吧。

打开Windows 终端并转到您使用以下命令创建 React 应用程序的位置cd（更改目录）命令。

cd C:\React\myapplication

现在，运行以下命令。

 npm install @copilotkit/react-core @copilotkit/react-ui @copilotkit/runtime

然后，执行下面提到的命令来安装 OpenAI。

npm install openai

在您的项目中，转到。前夕文件，它将位于根目录中，并添加以下行。

OPENAI_API_KEY=your_api_key_here

更改文件后，我们建议您导航到docs.copilot.ai/快速入门了解如何在项目中配置 End Point 和 CopilotKit 提供程序。

2]配置远程后端端点

为了集成基于 Python 的服务（或任何其他 Node.js 替代方案），我们必须将 Copilot 应用程序连接到远程后端端点。为此，我们首先使用以下查询在 Windows 终端中安装 Copilot 依赖项。

pip install copilotkit fastapi uvicorn --extra-index-url https://copilotkit.gateway.scarf.sh/simple/

现在，我们需要设置 FastAI 服务器，为此，请运行下面提到的命令。

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

如果回声不起作用，您可以在 Visual Studio Code 中打开该文件夹，然后创建服务器.py文件。

打开服务器.py在 VSCode 中打开文件，然后粘贴以下代码行。

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def read_root():
return {"Hello": "World"}

现在，回到Windows 终端并安装 FastAPI 和 Uvicorn。

pip install fastapi uvicorn

完成后，请转到docs.copilot.ai指南以了解更多信息。

3]添加LangGraph代理

接下来，我们需要将 LangGraph 代理集成到 server.py 文件中。首先，在 Python 远程端点中找到 CopilotKitSDK 实例，通常位于 server.py 中。接下来，调整 CopilotKitSDK 实例（在上一步中建立）以适应 LangGraph 代理。您需要添加以下代码行。

agents=[ 
LangGraphAgent(
name="basic_agent",
description="Agent that answers questions about the weather",
graph=the_langraph_graph,
# copilotkit_config={ # if you use Google Gemini, uncomment this code (and import `copilotkit_messages_to_langchain`, see above)
# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True) 
# }
)
],

这应该包含在 CopilotKitSDK 标签下。

要了解更多信息，我们建议您遵循中提到的指南docs.copilotkit.ai/coagents。

读：

如何打造自己的副驾驶？

要创建新的副驾驶，请转到 Copilot Studio 主页（位于 /copilotstudio.microsoft.com）并选择创造在左侧导航中，然后选择副驾驶页。或者，您可以选择+ 新副驾驶在副驾驶页面上。根据所提供的问题，使用聊天来描述您的副驾驶，或者选择跳到配置并填写表格。最后，选择“创建”以完成该过程。

读：