Cara membangun AI CoAgent atau aplikasi yang didukung oleh Copilot

Agen Co menawarkan toolkit yang diperlukan untuk mengintegrasikan agen LanGraph ke dalam aplikasi React untuk membangun aplikasi Agent-Native. Dalam posting ini, kita akan membicarakan alat ini dan melihat bagaimana Anda bisa melakukannya  membangun AI CoAgent atau aplikasi yang didukung oleh Copilot.

Apa itu CoAgent?

Seperti disebutkan sebelumnya, CoAgent adalah toolkit yang memungkinkan Anda mengintegrasikan agen AI ke dalam aplikasi untuk membuat aplikasi Agent-Native. Sekarang mari kita bicara tentang fitur-fiturnya.

• CoAgents memiliki fitur yang disebut Negara Bersama , sehingga, bahkan satu baris kode pun memungkinkan aplikasi Anda mengambil wawasan agen, dan agen dapat mengambil aplikasi wawasan saat aplikasi tersebut disinkronkan dan dapat berinteraksi secara real-time.
• Itu juga memberi Anda  Tampilan Depan Waktu Nyata  agen yang dapat melakukan tindakan frontend dan backend sesuai konteks yang disediakan oleh pengguna dan status aplikasi, karena ini adalah UI generatif, panggilan alat ini secara otomatis disebarluaskan sesuai kebutuhan.
• Manusia dalam Lingkaran memungkinkan integrasi pengawasan dan intervensi manusia yang lancar ke dalam alur kerja AI, menentukan titik henti sementara untuk masukan atau persetujuan guna meningkatkan keselamatan dan kinerja.
• Kami juga punya Aliran Status Agen Perantara,  yang memvisualisasikan proses berpikir agen secara real-time, memberikan transparansi dan pengalaman pengguna yang menarik, penting untuk kinerja agen dan UX yang memenuhi harapan pengguna.
• Agen CoAgent UI Generatif Agenik menciptakan antarmuka dinamis yang dihasilkan AI yang beradaptasi dengan kebutuhan pengguna dan keluaran agen, memberikan visibilitas ke status agen dan membangun kepercayaan.

Jika Anda menyukai fitur yang disebutkan sebelumnya, Anda mungkin ingin mempertimbangkan untuk menggunakan CoAgents untuk bisnis Anda, mari kita lihat cara melakukannya.

Bangun AI CoAgent atau aplikasi yang didukung oleh Copilot

Ikuti langkah-langkah di bawah ini untuk membangun AI CoAgent atau aplikasi yang didukung oleh Copilot.

1. Instal CopilotKit
2. Konfigurasikan Titik Akhir Backend Jarak Jauh
3. Tambahkan agen LangGraph

Mari kita membicarakannya secara detail.

tepi vs chrome 2018

1] Instal CopilotKit

Sebelum kita memulai dengan CoAgents, kita perlu menginstal CopilotKit terlebih dahulu di perangkat Anda. Kami berasumsi bahwa Anda sudah melakukannya menginstal Node.js dan npm di komputer Anda dan telah membuat folder untuk aplikasi React, namun bagian terakhir bersifat opsional untuk langkah ini. CopilotKit menggunakan model LLM open source, dalam tutorial ini kita akan menggunakannya  Kunci API OpenAI.  Tanpa basa-basi lagi, mari kita mulai.

• Membuka  Terminal Windows  dan pergi ke lokasi tempat Anda membuat aplikasi React menggunakan  cd (ganti direktori)  memerintah.

cd C:\React\myapplication

• Sekarang, jalankan perintah berikut.

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

• Kemudian, jalankan perintah yang disebutkan di bawah ini untuk menginstal OpenAI.

npm install openai

• Di proyek Anda, buka  .malam  file, itu akan ditempatkan di root, dan tambahkan baris berikut.

OPENAI_API_KEY=your_api_key_here

Setelah melakukan perubahan pada file, kami sarankan Anda menavigasi ke docs.copilot.ai/quickstart untuk mengetahui cara mengonfigurasi Titik Akhir dan mengonfigurasi penyedia CopilotKit di proyek Anda.

2] Konfigurasikan Titik Akhir Backend Jarak Jauh

Untuk mengintegrasikan layanan berbasis Python (atau alternatif Node.js lainnya), kita harus menghubungkan aplikasi Copilot ke titik akhir Remote Backend. Untuk melakukannya, pertama-tama mari kita instal dependensi Copilot di Terminal Windows menggunakan kueri berikut.

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

Sekarang, kita perlu menyiapkan server FastAI, untuk melakukannya, jalankan perintah yang disebutkan di bawah.

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

Jika  gema  tidak berhasil, Anda dapat membuka folder tersebut di Visual Studio Code, lalu membuatnya  server.py  mengajukan.

cara menghilangkan fitur keluarga microsoft

Buka  server.py  file di VSCode lalu tempel baris kode berikut.

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

Sekarang, kembali ke  Terminal Windows  dan instal FastAPI dan Uvicorn.

pip install fastapi uvicorn

Setelah Anda selesai melakukannya, lanjutkan ke docs.copilot.ai panduan untuk mempelajari lebih lanjut.

3]Tambahkan agen LangGraph

Selanjutnya, kita perlu mengintegrasikan agen LangGraph ke file server.py.  Pertama, temukan instance CopilotKitSDK dalam Titik Akhir Jarak Jauh Python Anda, biasanya ditemukan di server.py. Selanjutnya, sesuaikan instans CopilotKitSDK (yang dibuat pada langkah sebelumnya) untuk mengakomodasi agen LangGraph. Anda perlu menambahkan baris kode berikut.

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

Ini harus diapit di bawah tag CopilotKitSDK.

Untuk mengetahui lebih banyak, kami menyarankan Anda mengikuti panduan yang disebutkan di docs.copilotkit.ai/coagents.

Membaca:  Apa Ekstensi AI gratis terbaik untuk Visual Studio Code?

Bagaimana cara membuat Kopilot saya sendiri?

Untuk membuat kopilot baru, buka halaman beranda Copilot Studio (di /copilotstudio.microsoft.com) dan pilih Membuat di navigasi kiri, lalu pilih Kopilot halaman. Alternatifnya, Anda dapat memilih + Kopilot baru di halaman Kopilot. Gunakan obrolan untuk mendeskripsikan kopilot Anda, dipandu oleh pertanyaan yang disediakan, atau pilih Lewati untuk mengonfigurasi  dan mengisi formulir. Terakhir, pilih “Buat” untuk menyelesaikan proses.

Membaca:  Alat AI terbaik untuk Pengembang

Bisakah Copilot menghasilkan kode?

Ya, Copilot dapat menghasilkan kode. Namun, hal itu tidak bisa sempurna; mungkin ada banyak gangguan dan bug. Oleh karena itu, seseorang tidak boleh mengintegrasikan kode yang disediakan oleh chatbot AI mana pun tanpa inspeksi manual yang menyeluruh. Anda dapat menggunakan Copilot Microsoft di Edge, aplikasi bawaan atau gunakan GitHub Copilot di Visual Studio menggunakan ekstensi.

Baca Juga: Gunakan Copilot ke Kode Refraktor.