Erstellen von KI-CoAgents und Anwendungen unter Verwendung der Copilot-Technologie

CoAgent bietet ein wichtiges Toolkit zur Integration von LanGraph-Agenten in React-Anwendungen und erleichtert so die Entwicklung agentennativer Anwendungen. In diesem Artikel erkunden wir dieses leistungsstarke Tool und zeigen Ihnen, wie Sie AI CoAgents oder durch Copilot erweiterte Anwendungen erstellen.

Was ist CoAgent?

Wie bereits erwähnt, dient CoAgent als Toolkit, das die Integration von KI-Agenten in Anwendungen ermöglicht und so zur Erstellung agentennativer Apps führt. Lassen Sie uns einen genaueren Blick auf die Funktionen werfen.

• CoAgent enthält eine Funktion namens Shared State , mit der Ihre Anwendung mit nur einer einzigen Codezeile Erkenntnisse vom Agenten abrufen kann. Diese Synchronisierung ermöglicht eine Echtzeitinteraktion zwischen der Anwendung und dem Agenten.
• Das Toolkit bietet außerdem Echtzeit-Frontend- Agenten, die sowohl Frontend- als auch Backend-Aufgaben basierend auf Benutzerkontext und Anwendungsstatus ausführen können. Diese generative Benutzeroberfläche ermöglicht die automatische Verteilung von Tool-Aufrufen je nach Bedarf.
• Darüber hinaus gibt es eine Option zum Streamen des Zwischenagentenstatus , mit der die Denkprozesse des Agenten in Echtzeit visualisiert werden. Auf diese Weise wird Transparenz gewährleistet und die Benutzereinbindung verbessert – ein wesentlicher Aspekt der Agentenleistung im Einklang mit den Benutzererwartungen.
• Die Agentic Generative UI von CoAgent formuliert dynamische, KI-gesteuerte Schnittstellen, die sich an Benutzeranforderungen und Agentenreaktionen anpassen, die Transparenz hinsichtlich des Status des Agenten fördern und das Benutzervertrauen stärken.

Wenn diese Funktionen für Sie interessant sind, lohnt es sich möglicherweise, die Implementierung von CoAgents in Ihrem Unternehmen in Betracht zu ziehen. Sehen wir uns an, wie Sie dabei vorgehen.

Erstellen von KI-CoAgents oder Anwendungen mit Copilot

Befolgen Sie diese Schritte, um AI CoAgents oder von Copilot unterstützte Anwendungen zu erstellen:

1. CopilotKit installieren
2. Einrichten eines Remote-Backend-Endpunkts
3. Integrieren Sie den LangGraph-Agenten

Lassen Sie uns nun jeden Schritt genauer besprechen.

1] Installieren Sie CopilotKit

Bevor Sie sich in CoAgents vertiefen, müssen Sie zunächst CopilotKit auf Ihrem System installieren. Es wird davon ausgegangen, dass Sie Node.js und npm sowie einen Ordner für Ihre React-Anwendungen bereits eingerichtet haben. Der letzte Teil ist für diesen ersten Schritt jedoch optional. In diesem Tutorial wird der API-Schlüssel von OpenAI verwendet, da CopilotKit auf einem Open-Source-LLM-Modell basiert. Fahren wir fort.

• Starten Sie das Windows-Terminal und navigieren Sie mit dem Befehl cd (Verzeichnis ändern) zu dem Verzeichnis, in dem sich Ihre React-App befindet .

cd C:\React\myapplication

• Führen Sie als Nächstes den folgenden Befehl aus.

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

• Führen Sie anschließend diesen Befehl aus, um OpenAI-Unterstützung zu installieren.

npm install openai

• Navigieren Sie zur .env- Datei Ihres Projekts im Stammverzeichnis und fügen Sie die folgende Zeile ein.

OPENAI_API_KEY=your_api_key_here

Nachdem Sie diese Änderungen vorgenommen haben, sollten Sie docs.copilot.ai/quickstart besuchen , um zu erfahren, wie Sie den Endpunkt konfigurieren und den CopilotKit-Anbieter in Ihrer Anwendung einrichten.

2] Remote-Backend-Endpunkt einrichten

Um Ihre Copilot-Anwendung mit Python-basierten Diensten (oder kompatiblen Node.js-Alternativen) zu verbinden, müssen wir eine Verbindung mit einem Remote-Backend-Endpunkt herstellen. Lassen Sie uns zunächst die erforderlichen Copilot-Abhängigkeiten mithilfe des Windows-Terminals installieren.

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

Als nächstes richten wir einen FastAPI-Server ein. Führen Sie dazu die folgenden Befehle aus.

mkdir my_copilotkit_remote_endpoint cd my_copilotkit_remote_endpoint echo. > server.py

Wenn der Echo-Befehl fehlschlägt, können Sie den Ordner in Visual Studio Code öffnen und die Datei server.py manuell erstellen.

Öffnen Sie die Datei server.py in VSCode und geben Sie den folgenden Code ein:

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


Kehren Sie anschließend zum Windows-Terminal zurück und führen Sie Folgendes aus, um FastAPI und Uvicorn zu installieren.

pip install fastapi uvicorn

Wenn Sie fertig sind, finden Sie weitere Einzelheiten unter docs.copilot.ai .

3] LangGraph Agent integrieren

Der letzte Schritt besteht darin, den LangGraph-Agenten in Ihre Datei server.py aufzunehmen. Suchen Sie zunächst die CopilotKitSDK-Instanz in Ihrem Python Remote Endpoint, der sich normalerweise in server.py befindet. Ändern Sie als Nächstes die CopilotKitSDK-Instanz, um LangGraph-Agenten aufzunehmen, indem Sie die folgenden Codezeilen hinzufügen.

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


Dieser Code sollte in der CopilotKitSDK-Definition enthalten sein.

Weitere Informationen finden Sie im Handbuch unter docs.copilotkit.ai/coagents.

Wie erstelle ich meinen eigenen Copiloten?

Um einen neuen Copiloten einzurichten, besuchen Sie die Homepage von Copilot Studio (unter /copilotstudio.microsoft.com) und wählen Sie im linken Navigationsmenü „Erstellen“ aus. Fahren Sie dann mit der Seite „Copiloten“ fort. Alternativ können Sie auf der Seite „Copiloten“ auf „+ Neuer Copilot“ klicken. Beschreiben Sie Ihren Copiloten im Chat und folgen Sie dabei den Anweisungen in den Fragen, oder wählen Sie „Überspringen“, um das Formular manuell auszufüllen. Klicken Sie abschließend auf „Erstellen“, um den Vorgang abzuschließen.

Kann Copilot Code generieren?

Copilot kann durchaus Code generieren. Allerdings ist es nicht unfehlbar; Benutzer können auf Störungen und Fehler stoßen. Daher ist es wichtig, keinen von einem KI-Chatbot bereitgestellten Code ohne umfassende manuelle Überprüfung direkt zu integrieren. Sie können Microsoft Copilot in Edge, der integrierten Anwendung, verwenden oder GitHub Copilot in Visual Studio über eine Erweiterung nutzen.