CoAgent biedt 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 doen bouw 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 genaamd Gedeelde 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 ook Realtime frontend agenten 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 lus maakt 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 ook Stream 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's Agentische generatieve gebruikersinterface creë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.
- Installeer CopilotKit
- Configureer extern backend-eindpunt
- Voeg LangGraph-agent toe
Laten we er in detail over praten.
hoe de taal in hotmail te veranderen
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 gedaan Node.js en npm geïnstalleerd op 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 gebruiken OpenAI API-sleutel. Zonder verder oponthoud, laten we aan de slag gaan.
- Open Windows-terminal en ga naar de locatie waar je de React-app hebt gemaakt cd (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 .vooravond bestand, 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 navigeren docs.copilot.ai/quickstart om 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_endpointcd my_copilotkit_remote_endpointecho. > server.pyAls de echo niet werkte, kunt u de map openen in Visual Studio Code en vervolgens maken server.py bestand.
Open de server.py bestand 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 naar Windows-terminal en installeer FastAPI en Uvicorn.
pip install fastapi uvicorn
Als u daarmee klaar bent, gaat u naar docs.copilot.ai gidsen 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 in docs.copilotkit.ai/coagents.
Lezen: Wat zijn de beste gratis AI-extensies voor Visual Studio Code?
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 u Creëren in de linkernavigatie en kies vervolgens de Copiloten pagina. Als alternatief kunt u selecteren + Nieuwe copiloot op de pagina Copiloten. Gebruik de chat om uw copiloot te beschrijven, aan de hand van de gestelde vragen, of selecteer Ga verder met configureren en vul het formulier in. Selecteer ten slotte “Maken” om het proces te voltooien.
Lezen: Beste AI-tools voor ontwikkelaars
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 gebruik GitHub Copilot in Visual Studio met behulp van de extensie.
hoe u bestanden overzet van pc naar pc met teamviewer
Lees ook: Gebruik Copilot voor refractorcode.
