CoagentBiedt een toolkit die nodig is om Langraph-agenten te integreren in React-apps om agent-native applicaties te bouwen. In dit bericht zullen we het over deze tool hebben en zien hoe je kuntBouw AI coagenten of apps aangedreven door Copilot.

Wat is coagenten?

Zoals eerder vermeld, is Coagent een toolkit waarmee u AI-agenten kunt integreren in apps om agent-native applicaties te maken. Laten we het nu hebben over de functies ervan.

• Coagents heeft een functie genaamdGedeelde staat, waardoor zelfs een enkele regel van code uw toepassing inzicht in staat om een ​​inzicht van de agent te halen, en de agent de inzichttoepassing kan ophalen wanneer deze worden gesynchroniseerd en in realtime kunnen 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 deze generatieve gebruikersinterface is, worden deze toolgesprekken automatisch verspreid volgens de vereiste.
• Mens-in-de-lusmaakt naadloze integratie van menselijk toezicht en interventie mogelijk in AI -workflows, waardoor breekpunten worden opgegeven voor input of goedkeuring om de veiligheid en prestaties te verbeteren.
• We hebben ookStream Intermediate Agent State,Dat visualiseert Agent-denkprocessen in realtime, bieden transparantie en boeiende gebruikerservaringen, cruciaal voor de prestaties van agent en UX die voldoet aan de verwachtingen van de gebruikers.
• Coagent'sAgentische generatieve gebruikersinterfaceCreëert dynamische, AI-gegenereerde interfaces die zich aanpassen aan gebruikersbehoeften en agentuitgangen, waardoor zichtbaarheid wordt geboden in de staat van de agent en het opbouwen van vertrouwen.

Als u de eerder vermelde functies leuk vindt, wilt u misschien overwegen coagenten voor uw bedrijf te gebruiken, laten we zien hoe we dat moeten doen.

Bouw AI coagenten of apps aangedreven door Copilot

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

1. Installeer copilotkit
2. Configureer een externe backend eindpunt
3. Voeg een lengraph -agent toe

Laten we er in detail over praten.

1] Installeer copilotkit

Voordat we met coagenten beginnen, moeten we eerst Copilotkit op uw apparaat installeren. We veronderstellen dat je dat al hebt gedaanOp uw computer en een map gemaakt voor React -toepassingen, maar het laatste deel is optioneel voor deze stap. Copilotkit gebruikt een open source LLM -model, in deze zelfstudie zullen we gebruikenOpenAI API -sleutel.Laten we zonder verder oponthoud beginnen.

• OpenWindows Terminalen ga naar de locatie waar u de react -app hebt gemaakt met behulp vanCD (Directory Change))commando.

cd C:\React\myapplication

• Voer nu het 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 we het bestand wijzigingen hebben aangebracht, raden we u aan te navigerendocs.copilot.ai/quickstartOm te weten hoe u het eindpunt kunt configureren en de Copilotkit -provider in uw project kunt configureren.

2] eindpunt configureren op afstand backend

Om op Python gebaseerde services (of een ander alternatief van Node.js) te integreren, moeten we de Copilot-app verbinden met een externe backend-eindpunt. Om dat te doen, laten 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, om dat te doen, de onderstaande opdrachten uitvoeren.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Als deechoWerkte niet, u kunt de map openen in Visual Studio Code en vervolgens makenserver.pybestand.

Open deserver.pyBestand in VScode en plak vervolgens de volgende coderegels.

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 je daar eenmaal klaar mee bent, ga dan naardocs.copilot.aiGidsen om meer te leren.

Lezen:

3] Voeg LangGraph Agent toe

Vervolgens moeten we LangGraph Agent integreren in het server.py -bestand.Zoek eerst de exemplaar van CopilotKitsDK in uw Python Remote Endpoint, meestal gevonden in server.py. Pas vervolgens de exemplaar van CopilotKitsDK aan (vastgesteld in de voorgaande stap) aan om Langgraph -agenten te huisvesten. 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 CopilotkitsDK -tag.

Voor meer informatie raden we u aan de gids te volgen die is vermeld indocs.copilotkit.ai/coAgents.

Gerelateerd lezen:

Hoe bouw ik mijn eigen copilot?

Ga naar de startpagina van de Copilot Studio (op /copilotstudio.microsoft.com) en selecteer om een ​​nieuwe copilot te maken.CreërenKies in de linker navigatie en kies vervolgens deCo -pilotspagina. Als alternatief kunt u selecteren+ Nieuwe copilotOp de pagina Copilots. Gebruik de chat om uw copilot te beschrijven, geleid door de verstrekte vragen, of selecteerOverslaan om te 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 moet men de code van een AI -chatbot niet integreren zonder grondige handmatige inspecties. U kunt Microsoft's Copilot gebruiken in Edge, de ingebouwde app of

Lees ook: