Het creëren van AI CoAgents en Applicaties met behulp van Copilot Technologie

CoAgent biedt een essentiële toolkit voor het integreren van LanGraph-agents in React-applicaties, wat de ontwikkeling van Agent-Native-applicaties vergemakkelijkt. In dit artikel verkennen we deze krachtige tool en begeleiden we u bij het maken van AI CoAgents of applicaties die zijn verbeterd door Copilot.

Wat is CoAgent?

Zoals eerder vermeld, fungeert CoAgent als een toolkit die de integratie van AI-agenten in applicaties mogelijk maakt, wat leidt tot de creatie van Agent-Native apps. Laten we eens dieper ingaan op de functies ervan.

• CoAgent bevat een functie genaamd Shared State , waarmee uw applicatie inzichten van de agent kan ophalen met slechts één regel code. Deze synchronisatie maakt realtime-interactie tussen de applicatie en de agent mogelijk.
• De toolkit biedt ook Real-Time Frontend agents die zowel frontend- als backend-taken kunnen uitvoeren op basis van gebruikerscontext en applicatiestatus. Deze generatieve UI maakt het mogelijk om tool calls automatisch te distribueren op basis van behoefte.
• Daarnaast is er een optie voor Stream Intermediate Agent State , die de denkprocessen van de agent in realtime visualiseert, wat zorgt voor transparantie en de betrokkenheid van de gebruiker vergroot: een essentieel aspect van agentprestaties die is afgestemd op de verwachtingen van de gebruiker.
• De Agentic Generative UI van CoAgent formuleert dynamische, door AI aangestuurde interfaces die zich aanpassen aan de vereisten van de gebruiker en de reacties van agenten. Hierdoor ontstaat er meer transparantie over de status van de agent en wordt het vertrouwen van de gebruiker versterkt.

Als deze functies u aanspreken, kan het de moeite waard zijn om te overwegen CoAgents te implementeren in uw bedrijfsopzet. Laten we eens kijken hoe u dat aanpakt.

Het creëren van AI CoAgents of Applicaties aangestuurd door Copilot

Volg deze stappen om AI CoAgents of applicaties te maken die worden aangestuurd door Copilot:

1. CopilotKit installeren
2. Stel een extern backend-eindpunt in
3. Integreer LangGraph-agent

Laten we elke stap nu in meer detail bespreken.

1] CopilotKit installeren

Voordat u in CoAgents duikt, is de eerste taak om CopilotKit op uw systeem te installeren. Er wordt van uitgegaan dat u Node.js en npm al hebt ingesteld, samen met een map voor uw React-applicaties; het laatste deel is echter optioneel voor deze eerste stap. Deze tutorial maakt gebruik van de API-sleutel van OpenAI, aangezien CopilotKit afhankelijk is van een open-source LLM-model. Laten we verdergaan.

• Start Windows Terminal en navigeer naar de map waar uw React-app zich bevindt met behulp van de opdracht cd (change directory) .

cd C:\React\myapplication

• Voer vervolgens de volgende opdracht uit.

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

• Voer daarna deze opdracht uit om OpenAI-ondersteuning te installeren.

npm install openai

• Navigeer naar het .env- bestand van uw project in de hoofdmap en voeg de volgende regel toe.

OPENAI_API_KEY=your_api_key_here

Nadat u deze bewerkingen hebt uitgevoerd, is het raadzaam om naar docs.copilot.ai/quickstart te gaan . Daar leert u hoe u het eindpunt configureert en de CopilotKit-provider in uw toepassing instelt.

2] Stel een extern backend-eindpunt in

Om uw Copilot-applicatie te verbinden met Python-gebaseerde services (of compatibele Node.js-alternatieven), moeten we een verbinding maken met een Remote Backend-eindpunt. Om te beginnen installeren we de benodigde Copilot-afhankelijkheden met behulp van Windows Terminal.

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

Vervolgens gaan we een FastAPI-server opzetten. Om dit te bereiken, voer je de onderstaande opdrachten uit.

mkdir my_copilotkit_remote_endpoint cd my_copilotkit_remote_endpoint echo. > server.py

Als de echo-opdracht mislukt, kunt u de map openen in Visual Studio Code en het bestand server.py handmatig maken.

Open het bestand server.py in VSCode en voer de volgende code in:

from fastapi import FastAPI
app = FastAPI()
@app.get("/")
def read_root():
return {"Hello": "World"}


Ga vervolgens terug naar Windows Terminal en voer het volgende uit om FastAPI en Uvicorn te installeren.

pip install fastapi uvicorn

Wanneer u klaar bent, raadpleegt u docs.copilot.ai voor aanvullende informatie.

3] Integreer LangGraph Agent

De laatste stap is om de LangGraph-agent in uw server.py-bestand op te nemen. Begin met het lokaliseren van de CopilotKitSDK-instantie in uw Python Remote Endpoint, die u doorgaans in server.py vindt. Wijzig vervolgens de CopilotKitSDK-instantie om LangGraph-agents te accommoderen door de volgende regels code toe te voegen.

agents=[
LangGraphAgent(
name="basic_agent",
description="An agent that provides weather information",
graph=the_langraph_graph,
# copilotkit_config={ # Uncomment this line if using Google Gemini (don't forget to import `copilotkit_messages_to_langchain`)
# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True)
# }
)
],


Deze code moet worden opgenomen in de CopilotKitSDK-definitie.

Voor meer informatie kunt u de gids raadplegen die beschikbaar is op docs.copilotkit.ai/coagents.

Hoe maak je je eigen copiloot?

Om een ​​nieuwe copiloot in te stellen, gaat u naar de startpagina van Copilot Studio (op /copilotstudio.microsoft.com) en selecteert u Create in het linkernavigatiemenu. Ga vervolgens naar de pagina Copilots. U kunt ook op + New copilot op de pagina Copilots klikken. Gebruik de chat om uw copiloot te beschrijven, volg daarbij de instructies in de vragen, of kies Skip om het formulier handmatig in te vullen. Klik ten slotte op “Create” om het proces te voltooien.

Kan Copilot code genereren?

Absoluut, Copilot kan code genereren. Het is echter niet onfeilbaar; gebruikers kunnen storingen en bugs tegenkomen. Daarom is het belangrijk om geen code die door een AI-chatbot wordt geleverd rechtstreeks te integreren zonder uitgebreide handmatige verificatie. U kunt Microsoft’s Copilot in Edge gebruiken, de geïntegreerde applicatie, of GitHub Copilot in Visual Studio gebruiken via een extensie.