الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

رد فعل AI الأصلي

Full Stack Framework لإنشاء تطبيقات AI المتنقلة عبر المنصات التي تدعم LLM في الوقت الفعلي / النص الدفق والدردشة واجهة المستخدم ، وخدمات الصور واللغة الطبيعية للصور مع نماذج متعددة ، ومعالجة الصور.

تحقق من البرنامج التعليمي هنا

سمات

  • LLM دعم لـ Openai Chatgpt ، كلود ، Cohere ، Cohere Web ، Gemini ، و Mistral
  • مجموعة من نماذج الصور التي توفرها FAL.AI
  • استجابات في الوقت الفعلي / البث من جميع مقدمي الخدمات
  • مساعدي Openai بما في ذلك مترجم الرمز والاسترجاع
  • وكيل الخادم لتمكين المصادقة والترخيص بسهولة مع مزود المصادقة المفضل.
  • Theming (يخرج من المربع مع 5 سمات) - إضافة بسهولة موضوعات إضافية مع بضعة أسطر من التعليمات البرمجية.
  • معالجة الصور مع bytescale

الاستخدام

قم بإنشاء مشروع جديد عن طريق التشغيل: 

npx rn-ai

بعد ذلك ، إما تكوين متغيرات البيئة الخاصة بك مع CLI ، أو القيام بذلك لاحقًا.

تشغيل التطبيق

تغيير إلى دليل التطبيق وتشغيله: 

npm start

تشغيل الخادم

تغيير إلى دليل الخادم وتشغيله: 

npm run dev

متغيرات البيئة

تتوفر متغيرات بيئة الخادم في server/.env.example . إذا لم تكن موجودة بالفعل ، قم بتحديث اسم الملف إلى .env وتكوين متغيرات بيئة الخادم.

هم

لإضافة سمة جديدة ، فتح app/src/theme.ts وأضف سمة جديدة مع التكوين التالي: 

 const christmas = {
  // extend an existing theme or start from scratch
  ... lightTheme ,
  name : 'Christmas' ,
  label : 'christmas' ,
  tintColor : '#ff0000' ,
  textColor : '#378b29' ,
  tabBarActiveTintColor : '#378b29' ,
  tabBarInactiveTintColor : '#ff0000' ,
  placeholderTextColor : '#378b29' ,
}

في أسفل الملف ، قم بتصدير الموضوع الجديد: 

 export {
  lightTheme , darkTheme , hackerNews , miami , vercel , christmas
}

تكوين نماذج LLM

فيما يلي كيفية إضافة نماذج LLM جديدة أو إزالة.

في التطبيق

يمكنك إضافة أو تكوين نموذج عن طريق تحديث MODELS في constants.ts .

لإزالة النماذج ، فقط قم بإزالة النماذج التي لا تريد دعمها.

لإضافة النماذج ، بمجرد إضافة تعريف النموذج إلى صفيف MODELS ، يجب عليك تحديث src/screens/chat.tsx لدعم النموذج الجديد:

  1. إنشاء ولاية محلية لعقد بيانات نموذج جديدة
  2. تحديث وظيفة chat() للتعامل مع نوع الطراز الجديد
  3. إنشاء وظيفة generateModelReponse للاتصال بنموذج جديد
  4. تحديث getChatType في utils.ts لتكوين نوع LLM الذي سيتوافق مع مسار الخادم الخاص بك.
  5. تقديم نموذج جديد في واجهة المستخدم 
 {
  chatType . label . includes ( 'newModel' ) && (
    < FlatList
      data = { newModelReponse . messages }
      renderItem = { renderItem }
      scrollEnabled = { false }
    / >
  )
}

على الخادم

قم بإنشاء ملف جديد في مجلد server/src/chat يتوافق مع نوع النموذج الذي أنشأته في تطبيق الهاتف المحمول. ربما يمكنك نسخ وإعادة استخدام الكثير من رمز البث من المسارات الموجودة الأخرى لتبدأ.

بعد ذلك ، تحديث server/src/chat/chatRouter لاستخدام المسار الجديد.

تكوين نماذج الصور

فيما يلي كيفية إضافة نماذج الصور الجديدة أو إزالة.

في التطبيق

يمكنك إضافة أو تكوين نموذج عن طريق تحديث IMAGE_MODELS في constants.ts .

لإزالة النماذج ، فقط قم بإزالة النماذج التي لا تريد دعمها.

لإضافة النماذج ، بمجرد إضافة تعريف النموذج إلى صفيف IMAGE_MODELS ، يجب عليك تحديث src/screens/images.tsx لدعم النموذج الجديد.

الاعتبار الرئيسي هو المدخلات. هل يأخذ النموذج النص أو الصورة أو كلاهما كمدخلات؟

تم تكوين التطبيق للتعامل مع كليهما ، ولكن يجب عليك تحديث وظيفة generate لتمرير القيم إلى واجهة برمجة التطبيقات وفقًا لذلك.

على الخادم

فالاي

في server/src/images/fal ، قم بتحديث وظيفة المعالج لأخذ في الاعتبار النموذج الجديد.

مقدمي واجهة برمجة التطبيقات الآخرين

قم بإنشاء ملف جديد في server/src/images/modelName ، وتحديث وظيفة المعالج للتعامل مع مكالمة API الجديدة.

بعد ذلك ، قم بتحديث server/src/images/imagesRouter لاستخدام المسار الجديد.

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