لماذا تستضيف OpenUI ذاتيًا على خادم VPS
يتوجّه OpenUI إلى مطوّري الواجهات الأمامية والمصمّمين الراغبين في تحويل فكرة ("نموذج تسجيل دخول بزرّ أزرق وخيار لنسيان كلمة المرور") إلى كود HTML/Tailwind/React عامل، يُصيَّر فوريًا. وبدل الاعتماد على خدمة عبر الإنترنت، تمنحك استضافته على خادم VPS الخاص بك نقطة نهاية دائمة، قابلة للمشاركة عبر رابط داخلي، يمكن للجميع فيها صناعة النماذج الأولية دون تثبيت محلي. نقطة أساسية: يحتاج OpenUI إلى نموذج لتوليد الكود — توجّهه إما إلى نموذج LLM خارجي عبر مفتاح API، أو إلى Ollama محلي يعمل على خادم VPS نفسه، ما يبقي السلسلة كاملةً داخليًا. ويُسرّع التصيير الفوري للمكوّنات دورات التنميط كثيرًا.
الفوائد الملموسة للاستضافة الذاتية
- ورشة لصناعة نماذج واجهات المستخدم الأولية مشتركة عبر عنوان URL داخلي بسيط.
- تصيير مباشر للمكوّنات المُولَّدة (HTML وTailwind وReact وSvelte).
- اختيار الواجهة الخلفية للنموذج: مفتاح API خارجي أو Ollama محلي بنسبة 100%.
- لا حدّ لعدد عمليات التوليد تفرضه خدمة طرف ثالث.
- تصدير كود نظيف، جاهز للنسخ في قاعدة كود مشروعك.
- سرية موجزات ونماذج العملاء الأولية التي تبقى على خادم VPS الخاص بك.
المتطلبات العتادية والبرمجية
OpenUI نفسه خفيف: يتّسع التطبيق (واجهة خلفية بـ Python + واجهة أمامية) على خادم VPS بنواتين vCPU و2 إلى 4 غيغابايت من ذاكرة RAM إذا استخدمت مفتاح API خارجيًا للنموذج. في المقابل، إذا أردت إبقاء كل شيء محليًا مع Ollama على الجهاز نفسه، فحدّد الحجم وفق النموذج: احسب حينها 8 إلى 16 غيغابايت إضافية من ذاكرة RAM لنموذج 7B مُكمَّم. خصّص بضعة غيغابايتات من القرص لصور Docker (وأكثر إذا خزّنت نماذج Ollama). أما برمجيًا: فيلزم Ubuntu 22.04 وDocker وDocker Compose، ومفتاح API لنموذج (أو Ollama مثبّتًا)، ونطاق فرعي من نوع ui.mydomain.com.
النشر خطوة بخطوة
الحصول على المشروع
عبر SSH، استنسخ المستودع: git clone https://github.com/wandb/openui ثم انتقل إلى مجلد backend. يوفّر OpenUI ملف Dockerfile وتعليمات بناء جاهزة للاستخدام.
اختيار الواجهة الخلفية للنموذج
لنموذج خارجي، أدخِل مفتاحك في متغيّر بيئة (OPENAI_API_KEY أو ما يعادله). للبقاء محليًا، ثبّت Ollama (curl -fsSL https://ollama.com/install.sh | sh)، واسحب نموذجًا بـ ollama pull llama3 ووجّه OpenUI إليه.
بناء الحاوية وتشغيلها
ابنِ الصورة ثم شغّل: docker compose up -d. يعرِض OpenUI المنفذ 7878 افتراضيًا. تابِع الإقلاع بـ docker compose logs -f حتى ترى الخادم جاهزًا.
التحقق من التصيير
افتح http://IP_DU_VPS:7878، واكتب وصفًا لمكوّن وتأكّد من أن الكود يُولَّد ويُصيَّر مباشرةً. إذا فشل التوليد، فتحقّق من الاتصال بالنموذج في السجلّات.
التأمين خلف وكيل عكسي
لا يملك OpenUI مصادقة قوية افتراضيًا: ضع Caddy أو Nginx أمام المنفذ 7878 مع Basic Auth، وفعّل SSL التلقائي لـ ui.mydomain.com. قيّد الوصول إلى المنفذ الخام عبر جدار الحماية (ufw deny 7878).
المشاركة مع الفريق
أبلغ عنوان URL https://ui.mydomain.com لمطوّريك ومصمّميك. يمكن للجميع صناعة النماذج الأولية من متصفحهم دون تثبيت أي شيء، ونسخ الكود المُولَّد مباشرةً في المشروع.
لسلسلة سيادية بالكامل، اجعل OpenUI وOllama يتعايشان في ملف docker-compose.yml نفسه على شبكة Docker داخلية: يستدعي OpenUI خدمة Ollama عبر http://ollama:11434 دون تعريض نموذج LLM على الإنترنت أبدًا. أما من حيث جودة التوليد، فإن نموذجًا موجّهًا للكود (CodeLlama وQwen2.5-Coder) يعطي مكوّنات Tailwind/React أفضل بكثير من نموذج عام بالحجم نفسه — اختبر عدة نماذج واحتفظ بالذي يكون تصييره الأوفى لموجِّهاتك.
