CoAgentbiedt een toolkit die nodig is om LanGraph-agents te integreren in React-apps om Agent-Native-applicaties te bouwen. In dit bericht zullen we over deze tool praten en kijken hoe je dat kunt doenbouw AI CoAgents of apps aangedreven door Copilot.

Wat is CoAgents?

Zoals eerder vermeld is CoAgent een toolkit waarmee u AI-agents in apps kunt integreren om Agent-Native applicaties te creëren. Laten we het nu hebben over de kenmerken ervan.

• CoAgents heeft een functie genaamdGedeelde staat, waardoor uw toepassing zelfs met één enkele regel code een inzicht van de agent kan ophalen, en de agent de inzichttoepassing kan ophalen terwijl deze gesynchroniseerd is en in realtime kan communiceren.
• Het geeft je ookRealtime frontendagenten die zowel frontend- als backend-acties kunnen uitvoeren volgens de context van de gebruiker en de status van de applicatie. Omdat het een generatieve gebruikersinterface is, worden deze toolaanroepen automatisch verspreid volgens de vereisten.
• Mens in de lusmaakt een naadloze integratie van menselijk toezicht en menselijke tussenkomst in AI-workflows mogelijk, waarbij breekpunten worden gespecificeerd voor invoer of goedkeuring om de veiligheid en prestaties te verbeteren.
• Dat hebben wij ookStream tussenliggende agentstatus,dat de denkprocessen van agenten in realtime visualiseert, wat transparantie en boeiende gebruikerservaringen biedt, cruciaal voor de prestaties van agenten en UX die voldoet aan de verwachtingen van de gebruiker.
• CoAgent'sAgentische generatieve gebruikersinterfacecreëert dynamische, door AI gegenereerde interfaces die zich aanpassen aan de behoeften van de gebruiker en de output van agenten, waardoor inzicht wordt geboden in de status van de agent en vertrouwen wordt opgebouwd.

Als de eerder genoemde functies u bevallen, kunt u overwegen om CoAgents voor uw bedrijf te gebruiken. Laten we eens kijken hoe u dat kunt doen.

Bouw AI CoAgents of apps mogelijk gemaakt door Copilot

Volg de onderstaande stappen om AI CoAgents of apps te bouwen die worden aangedreven door Copilot.

1. Installeer CopilotKit
2. Configureer extern backend-eindpunt
3. Voeg LangGraph-agent toe

Laten we er in detail over praten.

1] Installeer CopilotKit

Voordat we met CoAgents beginnen, moeten we eerst CopilotKit op uw apparaat installeren. Wij gaan ervan uit dat u dat al heeft gedaanop uw computer en heb een map voor React-applicaties gemaakt, maar het laatste deel is optioneel voor deze stap. CopilotKit maakt gebruik van een open source LLM-model, in deze tutorial zullen we gebruikenOpenAI API-sleutel.Zonder verder oponthoud, laten we aan de slag gaan.

• OpenWindows-terminalen ga naar de locatie waar je de React-app hebt gemaaktcd (map wijzigen)commando.

cd C:\React\myapplication

• Voer nu de volgende opdracht uit.

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

• Voer vervolgens de onderstaande opdracht uit om OpenAI te installeren.

npm install openai

• Ga in uw project naar de.vooravondbestand, het bevindt zich in de root en voegt de volgende regel toe.

OPENAI_API_KEY=your_api_key_here

Nadat u wijzigingen in het bestand heeft aangebracht, raden wij u aan naar te navigerendocs.copilot.ai/quickstartom te weten hoe u het eindpunt en de CopilotKit-provider in uw project configureert.

2] Configureer het externe backend-eindpunt

Om op Python gebaseerde services (of een ander Node.js-alternatief) te integreren, moeten we de Copilot-app verbinden met een Remote Backend-eindpunt. Om dat te doen, moeten we eerst Copilot-afhankelijkheden in Windows Terminal installeren met behulp van de volgende query.

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

Nu moeten we de FastAI-server instellen. Voer daarvoor de onderstaande opdrachten uit.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Als deechoniet werkte, kunt u de map openen in Visual Studio Code en vervolgens een bestand makenserver.pybestand.

Open deserver.pybestand in VSCode en plak vervolgens de volgende regels code.

from fastapi import FastAPI

app = FastAPI()

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

Ga nu terug naarWindows-terminalen installeer FastAPI en Uvicorn.

pip install fastapi uvicorn

Als u daarmee klaar bent, gaat u naardocs.copilot.aigidsen voor meer informatie.

3] Voeg LangGraph-agent toe

Vervolgens moeten we de LangGraph-agent integreren in het server.py-bestand.Zoek eerst de CopilotKitSDK-instantie binnen uw Python Remote Endpoint, meestal te vinden in server.py. Pas vervolgens de CopilotKitSDK-instantie (opgericht in de voorgaande stap) aan om plaats te bieden aan LangGraph-agents. U moet de volgende regels code toevoegen.

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

Dit moet worden ingesloten onder de CopilotKitSDK-tag.

Voor meer informatie raden wij u aan de gids te volgen die wordt vermeld indocs.copilotkit.ai/coagents.

Lezen:

Hoe bouw ik mijn eigen Copilot?

Om een ​​nieuwe copilot te maken, gaat u naar de startpagina van Copilot Studio (op /copilotstudio.microsoft.com) en selecteert uCreërenin de linkernavigatie en kies vervolgens deCopilotenpagina. Als alternatief kunt u selecteren+ Nieuwe copilootop de pagina Copiloten. Gebruik de chat om uw copiloot te beschrijven, aan de hand van de gestelde vragen, of selecteerGa verder met configurerenen vul het formulier in. Selecteer ten slotte “Maken” om het proces te voltooien.

Lezen:

Kan Copilot code genereren?

Ja, Copilot kan code genereren. Het kan echter niet perfect zijn; er kunnen meerdere glitches en bugs zijn. Daarom mag men de code van een AI-chatbot niet integreren zonder grondige handmatige inspecties. Je kunt Microsoft's Copilot gebruiken in Edge, de ingebouwde app of

Lees ook: