
مهم
تم تحديث هذا الريبو لاستخدام واجهة Autogen AgentChat استنادًا إلى واجهة برمجة تطبيقات Autogen 0.4x الجديدة. أيضا ، قد تتغير واجهة برمجة التطبيقات ، لذلك توقع بعض التغييرات كسر في المستقبل.
Hello World لبناء واجهة واجهة المستخدم مع Autogen AgentChat API.
مثال واجهة المستخدم لإظهار كيفية بناء واجهات باستخدام Autogen AgentChat API. تم تصميم واجهة المستخدم باستخدام Next.js و APIs ويب مصممة باستخدام Fastapi.

autogenui.manager - يوفر طريقة تشغيل بسيطة تأخذ موجهًا ويعيد استجابة من فريق وكيل محدد مسبقًا. ألقِ نظرة على ملف تكوين فريق Agent Team Json لمعرفة كيفية تكوين الوكلاء. إنه يعطي فكرة عامة عن أنواع الوكلاء المدعومة وما إلى ذلك.
autogenui.web.app.py - الواجهة الخلفية Fastapi التي تخدم نقطة نهاية بسيطة /generate تأخذ مطالبة وإرجاع استجابة من فريق وكيل محدد مسبقًا.
frontend - Next.js الواجهة الأمامية التي توفر واجهة دردشة بسيطة للتفاعل مع الواجهة الخلفية.
من الواضح أن هذا التطبيق مجرد نقطة انطلاق. فيما يلي بعض الأفكار حول كيفية تمديدها:
[! TIP] ملاحظة يتم إعادة كتابة Autogen Studio على واجهة برمجة تطبيقات AgentChat لمعالجة معظم النقاط المذكورة أعلاه. ألق نظرة على التنفيذ هناك للحصول على مثال أكثر اكتمالا.
لاحظ أنه سيتعين عليك إعداد OpenAI_API_KEY لتشغيل التطبيق.
export OPENAI_API_KEY= < your key >تثبيت التبعيات. Python 3.9+ مطلوب. يمكنك التثبيت من PYPI باستخدام PIP.
pip install autogenuiأو للتثبيت من المصدر
git clone [email protected]:victordibia/autogen-ui.git
cd autogenui
pip install -e .تشغيل خادم واجهة المستخدم.
تعيين env vars OPENAI_API_KEY
export OPENAI_API_KEY= < your_key > autogenui # or with --port 8081افتح http: // localhost: 8081 في متصفحك.
لتعديل الملفات المصدر ، قم بإجراء تغييرات في ملفات مصدر الواجهة الأمامية وقم بتشغيل npm run build لإعادة بناء الواجهة الأمامية.
لتشغيل التطبيق في وضع التطوير ، ستحتاج إلى تشغيل الواجهة الخلفية والواجهة بشكل منفصل.
autogenui --reload[! TIP] قم بتطرف واجهة المستخدم التي تم تحميلها بواسطة CLI في إصدار مسبقًا من خلال تشغيل ضربة أوامر بناء Frontend. هذا يعني أنه إذا قمت بإجراء تغييرات في رمز الواجهة الأمامية أو تغيير اسم المضيف أو المنفذ الذي يتم تشغيله على رمز الواجهة الأمامية المحدثة ، يجب إعادة بناء رمز الواجهة الأمامية المحدثة حتى يتم تحميله من خلال هذا الأمر.
cd frontendتثبيت التبعيات
yarn installتشغيل في وضع dev - مع التحميل الساخن
قم بتعيين NEXT_PUBLIC_API_SERVER على سطر الأوامر.
export NEXT_PUBLIC_API_SERVER=http:// < your_backend_hostname > /api أو قم بإنشاء ملف .env في مجلد Frontend مع المحتوى التالي.
NEXT_PUBLIC_API_SERVER=http:// < your_backend_hostname > /api WHERE Your_backend_hostname - هو اسم المضيف الذي يعمل عليه Autogenui على سبيل المثال localhost:8081
yarn dev(إعادة) بناء
تذكر تثبيت التبعيات وقم بتعيين NEXT_PUBLIC_API_SERVER قبل البناء.
yarn buildلا يوجد حقًا الكثير من خريطة الطريق لهذا المشروع. يُقصد به مثالًا بسيطًا للبدء في API AutogenChat API. للحصول على مثال أكثر اكتمالا ، ألق نظرة على مشروع Autogen Studio.
@inproceedings{dibia2024autogen,
title={AutoGen Studio: A No-Code Developer Tool for Building and Debugging Multi-Agent Systems},
author={Dibia, Victor and Chen, Jingya and Bansal, Gagan and Syed, Suff and Fourney, Adam and Zhu, Erkang and Wang, Chi and Amershi, Saleema},
journal={EMNLP 2024},
year={2024}
}
@inproceedings{wu2023autogen,
title={AutoGen: Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework},
author={Qingyun Wu and Gagan Bansal and Jieyu Zhang and Yiran Wu and Shaokun Zhang and Erkang Zhu and Beibin Li and Li Jiang and Xiaoyun Zhang and Chi Wang},
year={2023},
eprint={2308.08155},
archivePrefix={arXiv},
primaryClass={cs.AI}
}