CoAgenttarjoaa työkalupakin, joka tarvitaan LanGraph-agenttien integroimiseen React-sovelluksiin Agent-Native-sovellusten rakentamiseksi. Tässä viestissä puhumme tästä työkalusta ja katsomme, miten voitrakentaa AI CoAgents tai Copilotin tuottamia sovelluksia.

Mikä on CoAgents?

Kuten aiemmin mainittiin, CoAgent on työkalupakki, jonka avulla voit integroida tekoälyagentteja sovelluksiin Agent-Native-sovellusten luomiseksi. Puhutaan nyt sen ominaisuuksista.

• CoAgentsissa on ominaisuus nimeltäJaettu tila, minkä ansiosta sovelluksesi voi noutaa käsityksen agentista jopa yhdellä koodirivillä, ja agentti voi hakea näkemyssovelluksen, koska ne ovat synkronoituja ja voivat olla vuorovaikutuksessa reaaliajassa.
• Se myös antaa sinulleReaaliaikainen käyttöliittymäagentit, jotka voivat suorittaa sekä käyttöliittymä- että taustatoimintoja käyttäjän antaman kontekstin ja sovelluksen tilan mukaisesti, koska kyseessä on generatiivinen käyttöliittymä, nämä työkalukutsut levitetään automaattisesti vaatimusten mukaisesti.
• Ihminen silmukassamahdollistaa inhimillisen valvonnan ja interventioiden saumattoman integroinnin tekoälyn työnkulkuihin määrittämällä keskeytyskohdat syötettä tai hyväksyntää varten turvallisuuden ja suorituskyvyn parantamiseksi.
• Meillä on myösStream Intermediate Agent State,joka visualisoi agentin ajatteluprosessit reaaliajassa, tarjoten läpinäkyvyyttä ja mukaansatempaavia käyttökokemuksia, jotka ovat tärkeitä agentin suorituskyvylle ja käyttäjien odotuksia vastaavalle käyttökokemukselle.
• CoAgentAgentin luova käyttöliittymäluo dynaamisia, tekoälyn luomia käyttöliittymiä, jotka mukautuvat käyttäjien tarpeisiin ja agentin tulosteisiin, tarjoavat näkyvyyttä agentin tilaan ja lisäävät luottamusta.

Jos pidät aiemmin mainituista ominaisuuksista, sinun kannattaa harkita CoAgentsin käyttöä yrityksellesi. Katsotaanpa, miten se tehdään.

Rakenna AI CoAgents tai Copilotin tuottamia sovelluksia

Noudata alla olevia ohjeita luodaksesi AI CoAgents tai Copilotin tuottamia sovelluksia.

1. Asenna CopilotKit
2. Määritä etätaustapäätepiste
3. Lisää LangGraph-agentti

Puhutaanpa niistä yksityiskohtaisesti.

1] Asenna CopilotKit

Ennen kuin aloitamme CoAgentsin käytön, meidän on ensin asennettava CopilotKit laitteellesi. Oletamme, että olet jo tehnyttietokoneellasi ja olet luonut kansion React-sovelluksille, mutta viimeinen osa on valinnainen tässä vaiheessa. CopilotKit käyttää avoimen lähdekoodin LLM-mallia, jota käytämme tässä opetusohjelmassaOpenAI API avain.Sen enempää puhumatta, aloitetaan.

• AvataWindows-pääteja mene paikkaan, jossa olet luonut React-sovelluksen käyttämälläcd (muuta hakemistoa)komento.

cd C:\React\myapplication

• Suorita nyt seuraava komento.

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

• Asenna sitten OpenAI suorittamalla alla mainittu komento.

npm install openai

• Siirry projektissasi kohtaan.Eevatiedostoon, se sijaitsee juurissa ja lisää seuraava rivi.

OPENAI_API_KEY=your_api_key_here

Kun olet tehnyt muutoksia tiedostoon, suosittelemme siirtymään kohteeseendocs.copilot.ai/quickstarttietää, kuinka määrittää päätepiste ja CopilotKit-toimittaja projektissasi.

2] Määritä etätaustapäätepiste

Python-pohjaisten palveluiden (tai minkä tahansa muun Node.js-vaihtoehdon) integroimiseksi meidän on yhdistettävä Copilot-sovellus Remote Backend -päätepisteeseen. Tätä varten meidän on ensin asennettava Copilot-riippuvuudet Windows Terminaaliin käyttämällä seuraavaa kyselyä.

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

Nyt meidän on määritettävä FastAI-palvelin, suorittamalla alla mainitut komennot.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Joskaikuei toiminut, voit avata kansion Visual Studio Codessa ja luoda sittenserver.pytiedosto.

Avaaserver.pytiedosto VSCodessa ja liitä sitten seuraavat koodirivit.

from fastapi import FastAPI

app = FastAPI()

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

Palaa nyt asiaanWindows-pääteja asenna FastAPI ja Uvicorn.

pip install fastapi uvicorn

Kun olet valmis, siirry kohtaandocs.copilot.aioppaita saadaksesi lisätietoja.

3] Lisää LangGraph-agentti

Seuraavaksi meidän on integroitava LangGraph-agentti server.py-tiedostoon.Etsi ensin CopilotKitSDK-ilmentymä Python Remote Endpoint -etäpäätepisteestä, joka löytyy yleensä osoitteesta server.py. Säädä seuraavaksi CopilotKitSDK-ilmentymä (joka perustettiin edellisessä vaiheessa) LangGraph-agenttien mukaiseksi. Sinun on lisättävä seuraavat koodirivit.

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

Tämä tulee sulkea CopilotKitSDK-tunnisteen alle.

Jos haluat tietää lisää, suosittelemme, että noudatat kohdassa mainittua opastadocs.copilotkit.ai/coagents.

Lukea:

Kuinka rakennan oman Copilotin?

Luo uusi perämies siirtymällä Copilot Studion kotisivulle (osoitteessa /copilotstudio.microsoft.com) ja valitsemallaLuodavasemmasta navigointipalkista ja valitse sittenOhjaajatsivu. Vaihtoehtoisesti voit valita+ Uusi perämiesCopilots-sivulla. Kuvaile perämiestäsi chatin avulla annettujen kysymysten ohjaamana tai valitseOhita määrittääksesija täytä lomake. Viimeistele prosessi valitsemalla lopuksi "Luo".

Lukea:

Voiko Copilot luoda koodia?

Kyllä, Copilot voi luoda koodia. Se ei kuitenkaan voi olla täydellinen; vikoja ja vikoja voi olla useita. Siksi minkään AI-chatbotin tarjoamaa koodia ei pidä integroida ilman perusteellisia manuaalisia tarkastuksia. Voit käyttää Microsoftin Copilotia Edgessä, sisäänrakennetussa sovelluksessa tai

Lue myös: