WspółAgentoferuje zestaw narzędzi wymagany do integracji agentów LanGraph z aplikacjami React w celu tworzenia aplikacji natywnych dla agentów. W tym poście porozmawiamy o tym narzędziu i zobaczymy, jak możesztwórz AI CoAgents lub aplikacje obsługiwane przez Copilot.

Co to jest CoAgents?

Jak wspomniano wcześniej, CoAgent to zestaw narzędzi, który umożliwia integrację agentów AI z aplikacjami w celu tworzenia aplikacji natywnych dla agentów. Porozmawiajmy teraz o jego funkcjach.

• CoAgents ma funkcję o nazwiePaństwo wspólne, dzięki czemu nawet pojedyncza linia kodu umożliwia Twojej aplikacji pobranie wglądu w agenta, a agent może pobrać wgląd w aplikację, ponieważ są one zsynchronizowane i mogą wchodzić w interakcję w czasie rzeczywistym.
• To także dajeFrontend w czasie rzeczywistymagenci, którzy mogą wykonywać zarówno działania frontendowe, jak i backendowe, zgodnie z kontekstem dostarczonym przez użytkownika i statusem aplikacji, ponieważ jest to generatywny interfejs użytkownika, te wywołania narzędzi są automatycznie rozpowszechniane zgodnie z wymaganiami.
• Człowiek w pętliumożliwia bezproblemową integrację nadzoru i interwencji człowieka z przepływami pracy sztucznej inteligencji, określając punkty przerwania dla danych wejściowych lub zatwierdzenia w celu zwiększenia bezpieczeństwa i wydajności.
• Mamy równieżStan agenta pośredniego strumienia,który wizualizuje procesy myślowe agenta w czasie rzeczywistym, zapewniając przejrzystość i angażujące doświadczenia użytkownika, kluczowe dla wydajności agenta i UX spełniającego oczekiwania użytkownika.
• CoAgent'aAgentyczny interfejs generacyjnytworzy dynamiczne interfejsy generowane przez sztuczną inteligencję, które dostosowują się do potrzeb użytkowników i wyników agenta, zapewniając wgląd w stan agenta i budując zaufanie.

Jeśli podobają Ci się funkcje opisane wcześniej, możesz rozważyć użycie CoAgents w swojej firmie. Zobaczmy, jak to zrobić.

Twórz AI CoAgents lub aplikacje obsługiwane przez Copilot

Wykonaj poniższe czynności, aby utworzyć AI CoAgents lub aplikacje obsługiwane przez Copilot.

1. Zainstaluj CopilotKit
2. Skonfiguruj zdalny punkt końcowy zaplecza
3. Dodaj agenta LangGraph

Porozmawiajmy o nich szczegółowo.

1] Zainstaluj CopilotKit

Zanim zaczniemy korzystać z CoAgents, musimy najpierw zainstalować CopilotKit na Twoim urządzeniu. Zakładamy, że już to zrobiłeśna swoim komputerze i utworzyłeś folder dla aplikacji React, jednak ostatnia część jest opcjonalna w tym kroku. CopilotKit wykorzystuje model LLM typu open source, z którego będziemy korzystać w tym samouczkuKlucz API OpenAI.Bez zbędnych ceregieli, zaczynajmy.

• OtwarteTerminal Windowsowyi przejdź do lokalizacji, w której utworzyłeś aplikację React za pomocącd (zmień katalog)rozkaz.

cd C:\React\myapplication

• Teraz uruchom następujące polecenie.

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

• Następnie wykonaj polecenie wymienione poniżej, aby zainstalować OpenAI.

npm install openai

• W swoim projekcie przejdź do.przeddzieńplik, będzie on zlokalizowany w katalogu głównym i dodaj następujący wiersz.

OPENAI_API_KEY=your_api_key_here

Po wprowadzeniu zmian w pliku zalecamy przejście dodocs.copilot.ai/quickstartaby dowiedzieć się, jak skonfigurować punkt końcowy i dostawcę CopilotKit w swoim projekcie.

2] Skonfiguruj zdalny punkt końcowy zaplecza

Aby zintegrować usługi oparte na Pythonie (lub jakąkolwiek inną alternatywę Node.js), musimy połączyć aplikację Copilot z punktem końcowym Remote Backend. Aby to zrobić, zainstalujmy najpierw zależności Copilot w terminalu Windows, używając następującego zapytania.

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

Teraz musimy skonfigurować serwer FastAI, w tym celu uruchom poniższe polecenia.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Jeśliechonie zadziałało, możesz otworzyć folder w Visual Studio Code, a następnie utworzyćserwer.pyplik.

Otwórzserwer.pyplik w VSCode, a następnie wklej następujące wiersze kodu.

from fastapi import FastAPI

app = FastAPI()

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

Teraz wróć doTerminal Windowsowyi zainstaluj FastAPI i Uvicorn.

pip install fastapi uvicorn

Gdy już to zrobisz, przejdź dodocs.copilot.aiprzewodniki, aby dowiedzieć się więcej.

3] Dodaj agenta LangGraph

Następnie musimy zintegrować agenta LangGraph z plikiem server.py.Najpierw zlokalizuj instancję CopilotKitSDK w zdalnym punkcie końcowym języka Python, zwykle znajdującą się w pliku server.py. Następnie dostosuj instancję CopilotKitSDK (ustawioną w poprzednim kroku), aby uwzględnić agentów LangGraph. Musisz dodać następujące linie kodu.

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) 
# }
)
],

Należy to umieścić w tagu CopilotKitSDK.

Aby dowiedzieć się więcej, zalecamy skorzystanie z przewodnika wspomnianego wdocs.copilotkit.ai/coagents.

Czytać:

Jak zbudować własnego drugiego pilota?

Aby utworzyć nowego drugiego pilota, przejdź do strony głównej Copilot Studio (pod adresem /copilotstudio.microsoft.com) i wybierzTworzyćw lewym panelu nawigacyjnym, a następnie wybierzDrugi pilocistrona. Alternatywnie możesz wybrać+ Nowy drugi pilotna stronie Copilots. Skorzystaj z czatu, aby opisać swojego drugiego pilota, korzystając z podanych pytań, lub wybierzPrzejdź do konfiguracjii wypełnij formularz. Na koniec wybierz „Utwórz”, aby zakończyć proces.

Czytać:

Czy Copilot może wygenerować kod?

Tak, Copilot może wygenerować kod. Jednak nie może być idealnie; może występować wiele usterek i błędów. Dlatego nie należy integrować kodu dostarczonego przez jakiegokolwiek chatbota AI bez dokładnej ręcznej kontroli. Możesz używać Copilot firmy Microsoft w Edge, wbudowanej aplikacji lub

Przeczytaj także: