EgyüttesKínál egy eszközkészletet, amely ahhoz szükséges, hogy a Langraph-ágenseket integrálja a React alkalmazásokba az ügynök-natív alkalmazások felépítése érdekében. Ebben a bejegyzésben erről az eszközről fogunk beszélni, és megnézhetjük, hogyan tudszÉpítsen AI Coagents vagy Copilot által üzemeltetett alkalmazásokat.

Mi az a coagents?

Mint korábban említettük, a CoAgent egy eszközkészlet, amely lehetővé teszi az AI-ügynökök integrálását az alkalmazásokba az ügynök-natív alkalmazások létrehozásához. Beszéljünk most a tulajdonságairól.

• A CoAgentsnek van egy funkciójaMegosztott állapot, annak köszönhetően, hogy még egyetlen kódsor is lehetővé teszi az alkalmazás számára, hogy betekintést nyújtson az ügynökről, és az ügynök beolvashatja az Insight alkalmazást szinkronizálva, és valós időben kölcsönhatásba léphet.
• Ez azt is megadjaValósidejű frontendAzok az ügynökök, akik mind a Frontend, mind a Backend műveleteket elvégezhetik a felhasználó által biztosított kontextus szerint, valamint az alkalmazás állapotát, mivel ez generáló felhasználói felület, ezeket az eszközhívásokat automatikusan terjesztik a követelmény szerint.
• Hurkoló emberLehetővé teszi az emberi felügyelet és az AI munkafolyamatokba való beavatkozás zökkenőmentes integrálását, megadva a bemeneti vagy jóváhagyási pontokat a biztonság és a teljesítmény javítása érdekében.
• Nekünk is vanPatak közbenső ágens állapot,Ez az ügynöki gondolkodási folyamatokat valós időben ábrázolja, átláthatóságot és vonzó felhasználói élményeket, az ügynöki teljesítmény és az UX számára, amely megfelel a felhasználói elvárásoknak.
• Coagent'sAgentic Generative UIDinamikus, AI által generált interfészeket hoz létre, amelyek alkalmazkodnak a felhasználói igényekhez és az ügynökök kimenetéhez, láthatóságot biztosítva az ügynök államában és az építési bizalomban.

Ha tetszik a korábban megadott funkciók, érdemes fontolóra venni a Coagents használatát vállalkozásához, nézzük meg, hogyan kell ezt megtenni.

Építsen AI Coagents vagy Copilot által üzemeltetett alkalmazásokat

Kövesse az alábbi lépéseket a Copilot által üzemeltetett AI koagensek vagy alkalmazások felépítéséhez.

1. Telepítse a COPILOTKIT -t
2. Konfigurálja a távoli háttér végpontot
3. Adja hozzá a Langgraph ügynököt

Beszéljünk róluk részletesen.

1] Telepítse a COPILOTKIT -t

Mielőtt elkezdenénk a Coagents -szel, először telepítenünk kell a CopilotKit készüléket. Feltételezzük, hogy már vanA számítógépen, és létrehozott egy mappát a React alkalmazásokhoz, az utolsó rész opcionális ehhez a lépéshez. A CopilotKit nyílt forráskódú LLM modellt használ, ebben az oktatóanyagban használjukOpenai API kulcs.További ado nélkül kezdjük el.

• NyitottWindows csatlakozóés menjen arra a helyre, ahol létrehozta a React alkalmazástCD (Directory Change)parancs.

cd C:\React\myapplication

• Most futtassa a következő parancsot.

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

• Ezután hajtsa végre az alábbiakban említett parancsot az OpenAI telepítéséhez.

npm install openai

• A projektjében menjen a.eveFájl, a gyökérben található, és adja hozzá a következő sort.

OPENAI_API_KEY=your_api_key_here

A fájl módosítása után javasoljuk, hogy navigáljondocs.copilot.ai/quickstartA végpont konfigurálásának és a COPILOTKIT szolgáltató konfigurálásának megtudása a projektben.

2] Konfigurálja a távoli háttér végpontot

A Python-alapú szolgáltatások (vagy bármely más Node.js alternatíva) integrálásához a Copilot alkalmazást egy távoli háttér-végponthoz kell csatlakoztatnunk. Ehhez először telepítsük a Copilot függőségeket a Windows terminálba a következő lekérdezés segítségével.

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

Most be kell állítanunk a Fastai Server -et, hogy ezt megtesszük, futtassuk az alábbiakban említett parancsokat.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Ha avisszhangNem működött, megnyithatja a mappát a Visual Studio kódban, majd létrehozhatserver.pyfájl.

Nyissa ki aserver.pyFájl a VScode -ba, majd illessze be a következő kódsorokat.

from fastapi import FastAPI

app = FastAPI()

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

Most menj visszaWindows csatlakozóés telepítse a FASTAPI -t és az UVicorn -ot.

pip install fastapi uvicorn

Miután elkészültél ezzel, menj bedocs.copilot.aiútmutatók, hogy többet megtudhassanak.

Olvas:

3] Adja hozzá a Langgraph ügynököt

Következő lépésként be kell integrálnunk a Langgraph Agent -et a server.py fájlba.Először keresse meg a CopilotKitSDK példányt a Python távoli végpontjában, amelyet általában a server.py oldalon talál. Ezután állítsa be a CopilotKitSDK példányt (az előző lépésben létrehozott) a Langgraph -ügynökök befogadására. Hozzá kell adnia a következő kódsorokat.

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

Ezt a CopilotKitSDK címke alá kell zárni.

Ha többet szeretne tudni, azt javasoljuk, hogy kövesse az említett útmutatótdocs.copilotkit.ai/coagents.

Kapcsolódó olvasmány:

Hogyan építhetem fel a saját Copilot -ot?

Új Copilot létrehozásához lépjen a Copilot Studio honlapjára (a /copilotstudio.microsoft.com címen), és válasszaTeremtA bal oldali navigációban válassza ki aPilótákoldal. Alternatív megoldásként kiválaszthatja+ Új Copilota Copilots oldalon. A csevegéssel leírja a COPILOT -ot, a megadott kérdések vezetésével, vagy válasszonUgrás a konfiguráláshozés töltse ki az űrlapot. Végül válassza a „Létrehozás” lehetőséget a folyamat befejezéséhez.

Olvas:

Tud -e kódolni a Copilot kódot?

Igen, a Copilot képes kódot generálni. Ez azonban nem lehet tökéletes; Több hiba és hiba lehet. Ezért nem szabad integrálni az AI chatbot által biztosított kódot alapos kézi ellenőrzések nélkül. Használhatja a Microsoft Copilot-ot az Edge-ben, a beépített alkalmazást vagy

Olvassa el még: