CoAgentbietet ein Toolkit, das zur Integration von LanGraph-Agenten in React-Apps erforderlich ist, um Agent-Native-Anwendungen zu erstellen. In diesem Beitrag werden wir über dieses Tool sprechen und sehen, wie Sie es könnenErstellen Sie KI-CoAgents oder Apps, die von Copilot unterstützt werden.

Was sind CoAgents?

Wie bereits erwähnt, ist CoAgent ein Toolkit, mit dem Sie KI-Agenten in Apps integrieren können, um Agent-Native-Anwendungen zu erstellen. Lassen Sie uns nun über seine Funktionen sprechen.

• CoAgents verfügt über eine Funktion namensGeteilter ZustandDadurch kann Ihre Anwendung bereits mit einer einzigen Codezeile einen Einblick in den Agenten erhalten, und der Agent kann den Einblick in die Anwendung abrufen, während sie synchronisiert sind und in Echtzeit interagieren können.
• Es gibt dir auchEchtzeit-FrontendAgenten, die je nach dem vom Benutzer bereitgestellten Kontext und dem Status der Anwendung sowohl Frontend- als auch Backend-Aktionen ausführen können, da es sich um eine generative Benutzeroberfläche handelt, werden diese Toolaufrufe automatisch entsprechend der Anforderung verteilt.
• Human-in-the-Loopermöglicht die nahtlose Integration menschlicher Überwachung und Intervention in KI-Arbeitsabläufe und legt Haltepunkte für Eingaben oder Genehmigungen fest, um Sicherheit und Leistung zu verbessern.
• Wir haben auchStatus des Stream-Zwischenagenten,Es visualisiert die Gedankenprozesse der Agenten in Echtzeit und bietet Transparenz und ansprechende Benutzererlebnisse, die für die Leistung der Agenten und eine UX, die den Erwartungen der Benutzer entspricht, von entscheidender Bedeutung sind.
• CoAgentsAgentische generative Benutzeroberflächeerstellt dynamische, KI-generierte Schnittstellen, die sich an Benutzerbedürfnisse und Agentenausgaben anpassen, Einblick in den Status des Agenten bieten und Vertrauen aufbauen.

Wenn Ihnen die zuvor genannten Funktionen gefallen, sollten Sie die Verwendung von CoAgents für Ihr Unternehmen in Betracht ziehen. Lassen Sie uns sehen, wie das geht.

Erstellen Sie KI-CoAgents oder Apps, die von Copilot unterstützt werden

Führen Sie die folgenden Schritte aus, um von Copilot unterstützte KI-CoAgents oder Apps zu erstellen.

1. Installieren Sie CopilotKit
2. Konfigurieren Sie den Remote-Backend-Endpunkt
3. LangGraph-Agent hinzufügen

Lassen Sie uns ausführlich darüber sprechen.

1] Installieren Sie CopilotKit

Bevor wir mit CoAgents beginnen, müssen wir zunächst CopilotKit auf Ihrem Gerät installieren. Wir gehen davon aus, dass Sie dies bereits getan habenauf Ihrem Computer und haben einen Ordner für React-Anwendungen erstellt, der letzte Teil ist für diesen Schritt jedoch optional. CopilotKit verwendet ein Open-Source-LLM-Modell, das wir in diesem Tutorial verwenden werdenOpenAI-API-Schlüssel.Lassen Sie uns ohne weitere Umschweife beginnen.

• OffenWindows-Terminalund gehen Sie zu dem Ort, an dem Sie die React-App erstellt habencd (Verzeichnis wechseln)Befehl.

cd C:\React\myapplication

• Führen Sie nun den folgenden Befehl aus.

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

• Führen Sie dann den unten genannten Befehl aus, um OpenAI zu installieren.

npm install openai

• Gehen Sie in Ihrem Projekt zu.VorabendDatei, sie befindet sich im Stammverzeichnis, und fügen Sie die folgende Zeile hinzu.

OPENAI_API_KEY=your_api_key_here

Nachdem Sie Änderungen an der Datei vorgenommen haben, empfehlen wir Ihnen, zu zu navigierendocs.copilot.ai/quickstartErfahren Sie, wie Sie den Endpunkt und den CopilotKit-Anbieter in Ihrem Projekt konfigurieren.

2] Konfigurieren Sie den Remote-Backend-Endpunkt

Um Python-basierte Dienste (oder jede andere Node.js-Alternative) zu integrieren, müssen wir die Copilot-App mit einem Remote-Backend-Endpunkt verbinden. Dazu installieren wir zunächst Copilot-Abhängigkeiten im Windows-Terminal mit der folgenden Abfrage.

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

Jetzt müssen wir den FastAI-Server einrichten. Führen Sie dazu die unten genannten Befehle aus.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Wenn dieEchoHat das nicht funktioniert, können Sie den Ordner in Visual Studio Code öffnen und dann erstellenserver.pyDatei.

Öffnen Sie dieserver.pyDatei in VSCode und fügen Sie dann die folgenden Codezeilen ein.

from fastapi import FastAPI

app = FastAPI()

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

Gehen Sie nun zurück zuWindows-Terminalund installieren Sie FastAPI und Uvicorn.

pip install fastapi uvicorn

Wenn Sie damit fertig sind, gehen Sie zudocs.copilot.aiAnleitungen, um mehr zu erfahren.

3] LangGraph-Agent hinzufügen

Als nächstes müssen wir den LangGraph-Agenten in die Datei server.py integrieren.Suchen Sie zunächst die CopilotKitSDK-Instanz in Ihrem Python-Remote-Endpunkt, normalerweise in server.py. Passen Sie als Nächstes die CopilotKitSDK-Instanz (im vorherigen Schritt erstellt) an, um LangGraph-Agenten zu unterstützen. Sie müssen die folgenden Codezeilen hinzufügen.

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

Dies sollte unter dem CopilotKitSDK-Tag eingeschlossen sein.

Um mehr zu erfahren, empfehlen wir Ihnen, dem unter genannten Leitfaden zu folgendocs.copilotkit.ai/coagents.

Lesen:

Wie baue ich meinen eigenen Copiloten?

Um einen neuen Copiloten zu erstellen, gehen Sie zur Copilot Studio-Homepage (unter /copilotstudio.microsoft.com) und wählen Sie „ErstellenWählen Sie in der linken Navigation die Option ausCopilotenSeite. Alternativ können Sie auch auswählen+ Neuer Copilotauf der Copiloten-Seite. Nutzen Sie den Chat, um Ihren Copiloten anhand der bereitgestellten Fragen zu beschreiben oder auszuwählenZur Konfiguration springenund füllen Sie das Formular aus. Wählen Sie abschließend „Erstellen“, um den Vorgang abzuschließen.

Lesen:

Kann Copilot Code generieren?

Ja, Copilot kann Code generieren. Allerdings kann es nicht perfekt sein; Es kann mehrere Störungen und Bugs geben. Daher sollte man den von einem KI-Chatbot bereitgestellten Code nicht ohne gründliche manuelle Prüfungen integrieren. Sie können Microsofts Copilot in Edge, die integrierte App oder verwenden

Lesen Sie auch: