الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

Langserve-Bectistant-Ui

مشروع مظاهرة يجمع بين Langserve و Langgraph و Fastapi لإنشاء وكيل منظمة العفو الدولية مع واجهة مستخدم حديثة. يستخدم المشروع Assistant-Ui و Next.js Vercel AI SDK لواجهة دردشة سلسة.

ملخص

يعرض هذا المشروع:

  • وكيل langgraph يعمل على خادم fastapi باستخدام Langserve
  • استجابة في الوقت الحقيقي تتدفق إلى الواجهة الأمامية
  • واجهة مستخدم دردشة حديثة مصممة مع مساعد Ui و Next.js
  • توضيح كيفية دمج الأدوات الخارجية وواجهة برمجة التطبيقات

المتطلبات الأساسية

  • بيثون 3.11
  • Node.js V20.18.0
  • NPM V10.9.2
  • الغزل V1.22.22

هيكل المشروع 

 langserve-assistant-ui/
├── backend/         # FastAPI + LangServe server
└── frontend/        # Next.js + assistant-ui client

تعليمات الإعداد

إعداد متغيرات البيئة

انتقل إلى ./backend وإنشاء ملف .env . اتبع المثال في .env.example .

إعداد الخلفية

تم تصميم الواجهة الخلفية باستخدام Langchain CLI وتستخدم Langgraph's create_react_agent لإنشاء الوكيل. 

 cd backend
poetry install
poetry run python -m app.server

إعداد الواجهة الأمامية

يتم إنشاء الواجهة الأمامية باستخدام أداة Assistant-Ui CLI وتنفيذ خطاف Usechat الخاص بـ Vercel AI SDK مع مكون مؤشر ترابط مساعد. 

 cd frontend
yarn install
yarn dev

الميزات والأمثلة

تفاعل الأداة المباشر

يمكنك الاستعلام عن أدوات مباشرة باستخدام مطالبات بسيطة: 

 Example: "What is the stock price of Apple?"

مثال استعلام أسعار السهم

التفاعلات القائمة على الوكيل

يمكن للوكيل معالجة استفسارات أكثر تعقيدًا تتطلب خطوات متعددة: 

 Example: "What is the weather in San Francisco?"

مثال استعلام الطقس

التفاصيل الفنية

  • الواجهة الخلفية : fastapi + langserve لنقاط نهاية واجهة برمجة التطبيقات واستضافة الوكيل
  • الواجهة الأمامية : next.js + vercel ai sdk لاستجابة البث
  • مكونات واجهة المستخدم : Assistant-UI لمكونات واجهة الدردشة
  • إطار عمل الوكيل : Langgraph لتنسيق الوكيل

المساهمة

لا تتردد في فتح المشكلات أو تقديم طلبات السحب إذا كانت لديك اقتراحات للتحسينات.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل