[{"data":1,"prerenderedAt":116},["ShallowReactive",2],{"seo-verification":3,"blog-heberger-openui-vps-ar":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"id":7,"slug":8,"title":9,"excerpt":10,"readTime":11,"views":12,"isPinned":13,"publishedAt":14,"category":15,"categories":21,"featuredImage":23,"bgImage":24,"posterImage":25,"relatedSolution":26,"intro":28,"sections":29,"ctaTitle":72,"ctaBody":73,"ctaButton":74,"ctaUrl":75,"relatedPosts":76},23,"heberger-openui-vps","كيفية استضافة OpenUI على خادم VPS","انشر OpenUI على خادم VPS لتوليد واجهات ويب بالذكاء الاصطناعي ورؤيتها مُصيَّرة مباشرةً، بمفتاح النموذج الخاص بك.",7,451,false,"2026-05-28T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},1,"الذكاء الاصطناعي","intelligence-artificielle","bg-purple-500\u002F10 text-purple-400","ia",[22],{"id":16,"name":17,"slug":18,"color":19,"icon":20},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fheberger-openui-vps-poster.svg",{"categorySlug":20,"appSlug":27},"openui","OpenUI أداة مفتوحة المصدر تولّد مكوّنات واجهات الويب انطلاقًا من وصف بسيط، ثم تصيّرها مباشرةً في المتصفح. مستضافةً ذاتيًا على خادم VPS، تصبح ورشة خاصة لصناعة نماذج واجهات المستخدم الأولية يمكن لفريقك بأكمله استخدامها. إليك كيفية نشرها مع Docker وربطها بنموذج وتأمينها خلف وكيل عكسي.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","لماذا تستضيف OpenUI ذاتيًا على خادم VPS","يتوجّه OpenUI إلى مطوّري الواجهات الأمامية والمصمّمين الراغبين في تحويل فكرة (\"نموذج تسجيل دخول بزرّ أزرق وخيار لنسيان كلمة المرور\") إلى كود HTML\u002FTailwind\u002FReact عامل، يُصيَّر فوريًا. وبدل الاعتماد على خدمة عبر الإنترنت، تمنحك استضافته على خادم VPS الخاص بك نقطة نهاية دائمة، قابلة للمشاركة عبر رابط داخلي، يمكن للجميع فيها صناعة النماذج الأولية دون تثبيت محلي. نقطة أساسية: يحتاج OpenUI إلى نموذج لتوليد الكود — توجّهه إما إلى نموذج LLM خارجي عبر مفتاح API، أو إلى Ollama محلي يعمل على خادم VPS نفسه، ما يبقي السلسلة كاملةً داخليًا. ويُسرّع التصيير الفوري للمكوّنات دورات التنميط كثيرًا.",{"type":35,"title":36,"items":37},"ul","الفوائد الملموسة للاستضافة الذاتية",[38,39,40,41,42,43],"ورشة لصناعة نماذج واجهات المستخدم الأولية مشتركة عبر عنوان URL داخلي بسيط.","تصيير مباشر للمكوّنات المُولَّدة (HTML وTailwind وReact وSvelte).","اختيار الواجهة الخلفية للنموذج: مفتاح API خارجي أو Ollama محلي بنسبة 100%.","لا حدّ لعدد عمليات التوليد تفرضه خدمة طرف ثالث.","تصدير كود نظيف، جاهز للنسخ في قاعدة كود مشروعك.","سرية موجزات ونماذج العملاء الأولية التي تبقى على خادم VPS الخاص بك.",{"type":31,"title":45,"body":46},"المتطلبات العتادية والبرمجية","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`.",{"type":48,"title":49,"steps":50},"steps","النشر خطوة بخطوة",[51,54,57,60,63,66],{"title":52,"body":53},"الحصول على المشروع","عبر SSH، استنسخ المستودع: `git clone https:\u002F\u002Fgithub.com\u002Fwandb\u002Fopenui` ثم انتقل إلى مجلد `backend`. يوفّر OpenUI ملف `Dockerfile` وتعليمات بناء جاهزة للاستخدام.",{"title":55,"body":56},"اختيار الواجهة الخلفية للنموذج","لنموذج خارجي، أدخِل مفتاحك في متغيّر بيئة (`OPENAI_API_KEY` أو ما يعادله). للبقاء محليًا، ثبّت Ollama (`curl -fsSL https:\u002F\u002Follama.com\u002Finstall.sh | sh`)، واسحب نموذجًا بـ `ollama pull llama3` ووجّه OpenUI إليه.",{"title":58,"body":59},"بناء الحاوية وتشغيلها","ابنِ الصورة ثم شغّل: `docker compose up -d`. يعرِض OpenUI المنفذ `7878` افتراضيًا. تابِع الإقلاع بـ `docker compose logs -f` حتى ترى الخادم جاهزًا.",{"title":61,"body":62},"التحقق من التصيير","افتح `http:\u002F\u002FIP_DU_VPS:7878`، واكتب وصفًا لمكوّن وتأكّد من أن الكود يُولَّد ويُصيَّر مباشرةً. إذا فشل التوليد، فتحقّق من الاتصال بالنموذج في السجلّات.",{"title":64,"body":65},"التأمين خلف وكيل عكسي","لا يملك OpenUI مصادقة قوية افتراضيًا: ضع Caddy أو Nginx أمام المنفذ 7878 مع Basic Auth، وفعّل SSL التلقائي لـ `ui.mydomain.com`. قيّد الوصول إلى المنفذ الخام عبر جدار الحماية (`ufw deny 7878`).",{"title":67,"body":68},"المشاركة مع الفريق","أبلغ عنوان URL `https:\u002F\u002Fui.mydomain.com` لمطوّريك ومصمّميك. يمكن للجميع صناعة النماذج الأولية من متصفحهم دون تثبيت أي شيء، ونسخ الكود المُولَّد مباشرةً في المشروع.",{"type":70,"body":71},"tip","لسلسلة سيادية بالكامل، اجعل OpenUI وOllama يتعايشان في ملف `docker-compose.yml` نفسه على شبكة Docker داخلية: يستدعي OpenUI خدمة Ollama عبر `http:\u002F\u002Follama:11434` دون تعريض نموذج LLM على الإنترنت أبدًا. أما من حيث جودة التوليد، فإن نموذجًا موجّهًا للكود (CodeLlama وQwen2.5-Coder) يعطي مكوّنات Tailwind\u002FReact أفضل بكثير من نموذج عام بالحجم نفسه — اختبر عدة نماذج واحتفظ بالذي يكون تصييره الأوفى لموجِّهاتك.","صمّم نماذج واجهاتك الأولية على خادم VPS Cloud من ServOrbit","انشر OpenUI (وOllama إن رغبت) على خادم VPS Cloud مع Docker مُهيّأ مسبقًا. ورشة خاصة لتوليد واجهات المستخدم، قابلة للمشاركة ومتاحة باستمرار.","اكتشف خادم VPS Cloud","\u002Fvps-cloud",[77,90,103],{"id":16,"slug":78,"title":79,"excerpt":80,"readTime":81,"views":82,"isPinned":13,"publishedAt":83,"category":84,"categories":85,"featuredImage":23,"bgImage":24,"posterImage":87,"relatedSolution":88},"heberger-open-webui","كيفية استضافة Open WebUI على خادم VPS","دليل شامل لنشر Open WebUI على خادم VPS الخاص بك. احتفظ بالتحكم في بياناتك، وتجنّب تكاليف واجهات برمجة التطبيقات السحابية، وادخل إلى نماذج LLM الخاصة بك من واجهة ويب نظيفة.",6,3200,"2026-06-01T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[86],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fheberger-open-webui-poster.svg",{"categorySlug":20,"appSlug":89},"open-webui",{"id":91,"slug":92,"title":93,"excerpt":94,"readTime":11,"views":95,"isPinned":13,"publishedAt":96,"category":97,"categories":98,"featuredImage":23,"bgImage":24,"posterImage":100,"relatedSolution":101},2,"deployer-dify-vps","نشر Dify على VPS: سير عمل الذكاء الاصطناعي تحت السيطرة","ثبّت Dify على VPS من ServOrbit لإنشاء وكلاء وتدفّقات محادثة وتطبيقات ذكاء اصطناعي دون فقدان التحكّم في البيانات.",2480,"2026-02-11T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[99],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-dify-vps-poster.svg",{"categorySlug":20,"appSlug":102},"dify",{"id":81,"slug":104,"title":105,"excerpt":106,"readTime":107,"views":108,"isPinned":13,"publishedAt":109,"category":110,"categories":111,"featuredImage":23,"bgImage":24,"posterImage":113,"relatedSolution":114},"openclaw-vps","نشر OpenClaw على خادم VPS","دليل لنشر OpenClaw على خادم VPS الخاص بك. احتفظ بالتحكم في وكلاء الذكاء الاصطناعي وبياناتك ضمن بنيتك التحتية الخاصة.",5,422,"2026-06-11T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[112],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fopenclaw-vps-poster.svg",{"categorySlug":20,"appSlug":115},"openclaw",1785097289373]