如何建立由 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）並選擇創造在左側導覽中，然後選擇副駕駛頁。或者，您可以選擇+ 新副駕駛在副駕駛頁面上。根據所提供的問題，使用聊天來描述您的副駕駛，或選擇跳到配置並填寫表格。最後，選擇“創建”以完成該過程。

讀：