دليل
تسجيل الدخول اشتراك اتصل بنا

تحدث إلى Slack تطبيق الويب النموذجي

من السهل جدًا إنشاء تطبيق ويب بسيط يدمج نموذج اللغة الكبير مع معرفة المستخدم من خلال الاستفسارات إلى Rememberizer.

يمكن العثور على الكود المصدري للتطبيق هنا.

في هذا القسم ، سنقدم خطوة بخطوة التعليمات والكود المصدري الكامل حتى تتمكن بسرعة من إنشاء التطبيق الخاص بك.

لقد قمنا بإنشاء Talk-to-Slack GPT على OpenAI. التطبيق الويب للتحدث ل Slack مشابه جدا.

مقدمة

في هذا الدليل، نقدم تعليمات خطوة بخطوة والكود المصدري الكامل لمساعدتك في إنشاء تطبيقك الخاص المشابه لنظام التكامل الخاص بنا مع GPT للتحدث إلى Slack من Rememberizer.ai. على عكس تكامل Slack، يوفر تطبيق الويب المزيد من الميزات والتحكم، مثل البحث في الويب، الوصول إلى قاعدة البيانات المحلية، الرسوم البيانية والرسوم المتحركة، وجمع الدفعات. بالإضافة إلى ذلك، يمكن استخدامه من قبل أي شخص بدون الحاجة لحساب premium genAI.

نظرة عامة

تطبيقنا المثالي، تحدث إلى Slack، يتم استضافته على Heroku ويدمج LLM الخاص بـ OpenAI مع Rememberizer.ai لتعزيز تجربتك على Slack. تم بناء التطبيق الويب باستخدام Flask ويوفر خصائص مثل تكامل OAuth2، الوصول إلى بيانات Slack، وواجهة مستخدم سهلة الاستخدام.

الميزات

  • هندسة معتمدة على Flask: يتم التعامل مع العمليات الخلفية، والاتصالات الأمامية، وتفاعلات API بواسطة Flask.

  • تكامل OAuth2: تأخير آمن والوصول الى البيانات مع بروتوكول OAuth2 في Rememberizer.

  • الوصول إلى بيانات Slack: يتم جلب بيانات سلاك المتصلة بالمستخدم بشكل آمن باستخدام APIs من Rememberizer.

  • تكامل OpenAI LLM: يتم معالجة الاستفسارات باستخدام خدمة LLM في OpenAI للحصول على ردود فعل ثرية بالمعرفة.

  • واجهة المستخدم البديهية: التنقل والتفاعل السهل مع تصميم واجهة المستخدم الحديث.

  • أفضل الممارسات: الالتزام بمعايير الأمان وتجربة المستخدم لتكامل سلس.

الإعداد والتوزيع

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

  • بايثون

  • فلاسك

[لاحظ أنه لم يكن من الصعب جدًا أن يكون لدينا إعادة كتابة لهذا التطبيق بأكمله بلغة أخرى، في حالتنا Golang. لذا ، ضع في اعتبارك أنك لست مقيدًا ببايثون]

تكوين البيئة

قم بتعيين هذه المتغيرات البيئية:

  • APP_SECRET_KEY: مفتاح سري فريد لـ Flask.

  • REMEMBERIZER_CLIENT_ID: رقم العميل لتطبيقك Rememberizer.

  • REMEMBERIZER_CLIENT_SECRET: السري العميل لتطبيقك Rememberizer.

  • OPENAI_API_KEY: مفتاح واجهة برمجة تطبيقات OpenAI الخاص بك.

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

  1. بدء تطبيق Flask: قم بتشغيل flask run في الطرفية واحصل على وصول إلى التطبيق على http://localhost:5000.

[للفحص والتطوير]

النشر إلى السحاب

يُوصى بالنشر إلى منصات مثل Heroku، Google Cloud Platform (GCP)، Amazon Web Services (AWS)، أو Microsoft Azure.

النشر على Heroku

  1. إنشاء حساب على Heroku: قم بتثبيت واجهة سطر أوامر Heroku (CLI).

  2. تجهيز تطبيقك: تأكد من وجود Procfile و runtime.txt و requirements.txt.

  3. النشر: استخدم واجهة سطر أوامر Heroku أو تكامل GitHub للنشر.

الخطوات المفصلة

  • ربط Heroku بـ GitHub: تمكين عمليات النشر التلقائية من مستودع GitHub للحصول على تحديثات سلسة.

  • النشر يدويًا: اختيارياً، استخدم النشر اليدوي للمزيد من التحكم.

الإعداد الإضافي

  • تثبيت واجهة سطر أوامر Heroku: brew tap heroku/brew && brew install heroku (macOS).

  • إضافة شهادات SSL: استخدم الشهادات المكتوبة بخط اليد لإعداد HTTPS الأولي.

    • بالتأكيد، الشهادة الرسمية المدفوعة هي الطريقة المثلى للذهاب في الإنتاج، ولكن لاختبار هذا بسرعة وبتكلفة رخيصة، يمكنك القيام بذلك مجانًا.

  • تكوين متغيرات البيئة على Heroku: استخدم heroku config:set KEY=value للمفاتيح الأساسية.

منصات السحاب الأخرى

  • GCP: قم بإعداد حساب GCP، أعد التطبيق بتصميم app.yaml، واقم بالنشر باستخدام gcloud app deploy.

  • AWS: استخدم Elastic Beanstalk للنشر بعد إعداد حساب AWS وواجهة سطر أوامر AWS.

  • Azure: قم بالنشر من خلال خدمة تطبيق Azure بعد إنشاء حساب Azure وتثبيت واجهة سطر أوامر Azure.

الأمان وأفضل الممارسات

قبل النشر، تحقق من requirements.txt، وقم بضبط الإعدادات للإنتاج، وقم بتحديث عناوين URI لإعادة توجيه OAuth.

requirements.txt

Flask==3.0.2
requests==2.31.0
gunicorn==21.2.0
openai==1.14.0
pytest==8.1.1

نظرة عامة على كود التطبيق

إليك نظرة موجزة على المسارات الأساسية في التطبيق:

  • @app.route('/') (مسار الفهرس): يعرض الصفحة الرئيسية للتطبيق.

  • @app.route('/auth/rememberizer') (مسار مصادقة Rememberizer): يبدأ عملية المصادقة OAuth2 مع Rememberizer.ai.

  • @app.route('/auth/rememberizer/callback') (مسار الرد Rememberizer): يتعامل مع الرد من Rememberizer.ai بعد تفويض المستخدم.

  • @app.route('/dashboard') (مسار لوحة التحكم): يعرض صفحة لوحة التحكم للمستخدم.

  • @app.route('/slack-info') (مسار معلومات تكامل Slack): يظهر معلومات عن تكامل Slack للمستخدم مع Rememberizer.ai.

  • @app.route('/ask', methods=['POST']) (مسار الاستفسار): يتعامل مع إرسال الأسئلة من المستخدم ويولد إجابة باستخدام نموذج GPT-4 من OpenAI.

ملاحظات إضافية

  • الرمزية: مصممة بأسلوب فن الورق المطوى بالتفصيل، يعكس التكامل بين الذكاء الاصطناعي والاتصالات. تم إنشاء الرمز لدينا في Midjourney و Image2Icon.

  • تكوين SSL: قم بإنشاء شهادات ذاتية التوقيع باستخدام OpenSSL للاتصال الآمن.

استكشف وابتكر

نشجع على الاستكشاف والابتكار مع تطبيق الويب الخاص بك المدمج بالذكاء الصناعي، بهدف تعزيز الإنتاجية والتعاون ضمن منصتك.

تقدم هذه الوثائق المعدلة دليلًا شاملًا للمطورين لإنشاء تطبيق الويب الخاص بهم المدمج مع الذكاء الصناعي، مشابه لـ Talk-to-Slack. وتتضمن تعليمات مفصلة للإعداد والتوزيع ونظرة عامة على كود التطبيق، بالإضافة لأفضل الطرق

Previousإنشاء Rememberizer GPTNextتسجيل واستخدام مفاتيح API

Last updated