CoAgentpropose une boîte à outils nécessaire pour intégrer les agents LanGraph dans les applications React afin de créer des applications Agent-Native. Dans cet article, nous parlerons de cet outil et verrons comment vous pouvezcréez des CoAgents IA ou des applications alimentées par Copilot.

Qu’est-ce que les CoAgents ?

Comme mentionné précédemment, CoAgent est une boîte à outils qui vous permet d'intégrer des agents IA dans des applications pour créer des applications Agent-Native. Parlons maintenant de ses fonctionnalités.

• CoAgents a une fonctionnalité appeléeÉtat partagé, grâce à quoi même une seule ligne de code permet à votre application de récupérer un aperçu de l'agent, et l'agent peut récupérer l'application d'informations au fur et à mesure qu'ils sont synchronisés et peuvent interagir en temps réel.
• Cela vous donne égalementFront-end en temps réelagents qui peuvent effectuer à la fois des actions frontend et backend selon le contexte fourni par l'utilisateur et l'état de l'application, comme il s'agit d'une interface utilisateur générative, ces appels d'outils sont automatiquement diffusés selon les exigences.
• Humain dans la bouclepermet une intégration transparente de la surveillance et de l'intervention humaines dans les flux de travail de l'IA, en spécifiant des points d'arrêt pour la saisie ou l'approbation afin d'améliorer la sécurité et les performances.
• Nous avons égalementÉtat de l'agent intermédiaire de flux,qui visualise les processus de réflexion des agents en temps réel, offrant une transparence et des expériences utilisateur engageantes, cruciales pour les performances des agents et une UX qui répond aux attentes des utilisateurs.
• CoAgentInterface utilisateur générative agentiquecrée des interfaces dynamiques générées par l'IA qui s'adaptent aux besoins des utilisateurs et aux résultats de l'agent, offrant ainsi une visibilité sur l'état de l'agent et renforçant la confiance.

Si vous appréciez les fonctionnalités mentionnées précédemment, vous voudrez peut-être envisager d'utiliser CoAgents pour votre entreprise, voyons comment procéder.

Créez des CoAgents IA ou des applications optimisées par Copilot

Suivez les étapes ci-dessous pour créer des CoAgents IA ou des applications optimisées par Copilot.

1. Installer CopilotKit
2. Configurer le point de terminaison du backend distant
3. Ajouter un agent LangGraph

Parlons-en en détail.

1] Installer CopilotKit

Avant de commencer avec CoAgents, nous devons d'abord installer CopilotKit sur votre appareil. Nous présumons que vous avez déjàsur votre ordinateur et avez créé un dossier pour les applications React, cependant, la dernière partie est facultative pour cette étape. CopilotKit utilise un modèle LLM open source, dans ce tutoriel nous utiliseronsClé API OpenAI.Sans plus tarder, commençons.

• OuvrirTerminal Windowset accédez à l'emplacement où vous avez créé l'application React à l'aide decd (changer de répertoire)commande.

cd C:\React\myapplication

• Maintenant, exécutez la commande suivante.

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

• Ensuite, exécutez la commande mentionnée ci-dessous pour installer OpenAI.

npm install openai

• Dans votre projet, rendez-vous dans le.veillefichier, il sera situé à la racine, et ajoutez la ligne suivante.

OPENAI_API_KEY=your_api_key_here

Après avoir apporté des modifications au fichier, nous vous recommandons d'accéder àdocs.copilot.ai/quickstartpour savoir comment configurer le point final et configurer le fournisseur CopilotKit dans votre projet.

2] Configurer le point de terminaison du backend distant

Afin d'intégrer des services basés sur Python (ou toute autre alternative Node.js), nous devons connecter l'application Copilot à un point de terminaison Remote Backend. Pour ce faire, installons d'abord les dépendances Copilot dans le terminal Windows à l'aide de la requête suivante.

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

Maintenant, nous devons configurer le serveur FastAI, pour ce faire, exécutez les commandes mentionnées ci-dessous.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Si leéchon'a pas fonctionné, vous pouvez ouvrir le dossier dans Visual Studio Code, puis créerserveur.pydéposer.

Ouvrez leserveur.pyfichier dans VSCode, puis collez les lignes de code suivantes.

from fastapi import FastAPI

app = FastAPI()

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

Maintenant, retournez àTerminal Windowset installez FastAPI et Uvicorn.

pip install fastapi uvicorn

Une fois que vous avez terminé, allez surdocs.copilot.aiguides pour en savoir plus.

3] Ajouter un agent LangGraph

Ensuite, nous devons intégrer l'agent LangGraph au fichier server.py.Tout d’abord, localisez l’instance CopilotKitSDK dans votre point de terminaison distant Python, généralement trouvée dans server.py. Ensuite, ajustez l’instance CopilotKitSDK (établie à l’étape précédente) pour accueillir les agents LangGraph. Vous devez ajouter les lignes de code suivantes.

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

Cela doit être placé sous la balise CopilotKitSDK.

Pour en savoir plus, nous vous recommandons de suivre le guide mentionné dansdocs.copilotkit.ai/coagents.

Lire:

Comment créer mon propre Copilot ?

Pour créer un nouveau copilote, accédez à la page d'accueil de Copilot Studio (à l'adresse /copilotstudio.microsoft.com) et sélectionnezCréerdans la navigation de gauche, puis choisissez leCopilotspage. Alternativement, vous pouvez sélectionner+ Nouveau copilotesur la page Copilotes. Utilisez le chat pour décrire votre copilote, guidé par les questions fournies, ou sélectionnezPasser à la configurationet remplissez le formulaire. Enfin, sélectionnez « Créer » pour terminer le processus.

Lire:

Copilot peut-il générer du code ?

Oui, Copilot peut générer du code. Cependant, cela ne peut pas être parfait ; il peut y avoir plusieurs problèmes et bugs. Par conséquent, il ne faut pas intégrer le code fourni par un chatbot IA sans des inspections manuelles approfondies. Vous pouvez utiliser le Copilot de Microsoft dans Edge, l'application intégrée ou

Lire aussi :