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

Azure-Openai-GPT4-Chat

روبوت الدردشة التي تشبه ChatGPT مدعومة من Azure Openai و GPT-4

ملاحظة: المشروع والوثائق قيد التقدم

عن

هذا تطبيق دردشة بسيط يقوم ببث الرسائل من وإلى مثيل خدمات Azure Openai باستخدام نموذج GPT-4

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

  • node.js> = 20.x (مع npm> = v10.x)
  • الاشتراك Azure
    • تمكين Azure Openai Access
    • تم نشر خدمات Azure Openai جنبًا إلى جنب مع نموذج GPT-4
      • مفتاح API للخدمة المنشورة

الجري محليا

  1. clone repo git clone https://github.com/cu-cit-cloud-team/azure-openai-gpt4-chat.git
  2. أدخل cd azure-openai-gpt4-chat
  3. نسخ .env.local.example إلى .env.local وملء القيم
  4. إذا كنت تستخدم Node.js المثبت محليًا:
    1. تثبيت التبعيات npm install
    2. تشغيل المشروع محليًا npm run dev
  5. إذا كنت تستخدم DevContainer:
    1. افتح في DevContainer (التبعيات المثبتة تلقائيًا)
    2. تشغيل مشروع npm run dev
  6. تفضل بزيارة http://localhost:3001 في متصفحك
  7. ctrl + c للتوقف

سمات

  • الدردشة مع نموذج Azure Openai GPT-4
  • تدفق ردود الدردشة في الوقت الفعلي لتجربة تشبه الدردشة
  • يستخدم textarea لإدخال الدعم متعدد الخطوط
    • تركيز textarea على تحميل الصفحة
    • textarea تلقائيًا كما تكتب
    • enter مفتاح إرسال الرسالة
    • shift + enter for New Line
  • مؤشر التحميل بجوار استجابة الدردشة حتى يتم الانتهاء منه
  • كتل رمز التنسيقات وغيرها من تخفيضات داخل رسائل الدردشة بشكل جيد
  • يتم تخزين سجل الدردشة الحالي في التخزين المحلي للمتصفح
  • عرض/تحرير رسالة النظام لجلسة الدردشة (على سبيل المثال "أنت مساعد مفيد لمنظمة العفو الدولية")
  • عرض/تحرير معلمات جلسة الدردشة (مثل درجة الحرارة ، أعلى P ، إلخ)
  • عدد الرمز المميز المباشر (المستخدم/المتبقي) المعروض لرسالة الرسائل والنظام
  • تغيير نموذج Azure Openai (GPT-4 ، GPT-3.5 ، إلخ)
  • قم بتنزيل سجل الدردشة الحالي باسم JSON
  • تاريخ دردشة حالي واضح
    • اختصار لوحة المفاتيح ( cmd + esc ) عندما يركز textarea
  • نسخ الرسائل الكاملة والاستجابات إلى الحافظة
    • نسخ مقتطفات الرمز الفردي (ضمن الردود) إلى الحافظة
  • حذف الرسائل والردود الفردية من تاريخ الدردشة
  • توقف عن الاستجابة التي تتدفق حاليًا (مفيدة للاستجابات الطويلة غير الضرورية)
  • تجديد الاستجابة الأخيرة
  • تستضيفها خدمة تطبيق Azure
    • بنيت/تم نشرها مع إجراءات github
    • تطبيق Azure App Service App مغلق عبر الإعلان لفريقنا فقط
    • يحاول تحديد المستخدم من جلسة تسجيل الدخول وتخصيص جلسة الدردشة
  • يستخدم الوقت النسبي لرسالة الدردشة الطابع الزمني
    • يحتوي الوقت النسبي على تلميح الأدوات مع الطابع الزمني الكامل
    • تُظهر تلميح الأدوات وقتًا في نفس اليوم والتاريخ/الوقت الكامل إذا كان أكبر من "اليوم"
  • تغيير موضوع مع العديد من الموضوعات الخفيفة والظلام
    • الإعدادات الافتراضية light أو dark بناءً على تفضيل النظام
  • تخطيط مستجيب
  • DevContainer للتنمية المحلية

خريطة الطريق

المخطط

  • لا توجد ميزات جديدة قيد التطوير حاليًا

محتمل

  • استيراد جلسة الدردشة من JSON
  • جلسات دردشة متعددة
    • الشريط الجانبي مع قائمة قابلة للتمرير وقابلة للتصفية لجلسات الدردشة
    • مفيد عبر التخزين المحلي
    • حذف جلسات الدردشة الفردية
    • تصدير جلسات الدردشة الفردية إلى JSON
    • استيراد جلسات الدردشة من JSON

يستخدم

  • رد فعل
    • إطار JavaScript
  • Next.js
    • رد فعل الإطار
  • Vercel AI SDK
    • مكتبة JS لـ AI التي تعمل بالطاقة
  • langchain.js
    • مكتبة JS للتفاعل مع LLMS (مثل GPT-4)
  • Tailwind CSS
    • إطار CSS
  • ديزيوي
    • مكتبة مكون ل CSS Tailwind
  • خدمة Azure Openai
    • API ونشر النموذج (GPT-4 و GPT-3.5)
  • خدمة تطبيق Azure
    • استضافة التطبيق ومصادقة المستخدم
  • الإجراءات github/سير العمل
    • بناء/نشر لخدمة تطبيق Azure
    • بناء الإخطارات
    • إنشاء إصدار GH
    • تحديثات التبعية
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل