انتقل إلى المقال
Aniq-UI

Company Websiteشغّل الموقع محليًا

شغّل الموقع محليًا

شغّل الموقع على جهازك باستخدام Docker، بأمرين فقط.

قبل أن تبدأ: ثبّت Docker Desktop وافتحه، أو Docker Engine على Linux.

اطّلع على المتطلبات
  1. نزّل قالبك

    افتح صفحة القالب على Aniq UI واضغط احصل عليه مجاناً. أدخل اسمك وبريدك الإلكتروني واضغط احصل عليه: ستصل إلى لوحتك وأنت مسجّل الدخول، وفيها ملف ZIP جاهز للتنزيل.

    النتيجة المتوقعة: يوجد في مجلد التنزيلات ملف باسم مثل landing-page-template-3-main-….zip.

  2. فك الضغط وافتح المجلد

    فك ضغط ملف ZIP وافتح طرفية داخل المجلد landing-page-template-3. على Windows، فك الضغط في مستكشف الملفات، ثم افتح طرفية داخل المجلد.

    الطرفية
    unzip landing-page-template-3-*.zip
    cd landing-page-template-3

    النتيجة المتوقعة: يعرض المجلد Dockerfile وpackage.json وmessages وpublic وsrc.

    تواجه مشكلة؟
  3. ابنِ الصورة

    يثبّت Docker الاعتماديات ويبني الموقع داخل الصورة. لا تحتاج إلى ضبط أي شيء مسبقًا. يستغرق البناء الأول بضع دقائق؛ وتعيد مرات البناء اللاحقة استخدام كل خطوة لم تتغير.

    الطرفيةفي landing-page-template-3
    docker build -t company-site .

    النتيجة المتوقعة: ينتهي البناء دون خطأ، وتذكر أسطره الأخيرة اسم الصورة company-site.

    تواجه مشكلة؟
  4. شغّله وافتح الموقع

    شغّل الحاوية، ثم افتح localhost:3030محلي. الإنجليزية على /en، والعربية على /ar.

    الطرفيةفي landing-page-template-3
    docker run -p 3030:3030 company-site

    المنفذ مستخدم بالفعل؟

    إذا توقف Docker برسالة port is already allocated أو address already in use، فهناك برنامج آخر يستخدم المنفذ 3030. أوقفه، أو غيّر الرقم على يسار -p: شغّل docker run -p 3041:3030 company-site وافتح localhost:3041محلي.

    المنفذ مستخدم بالفعل

    النتيجة المتوقعة: تعرض الطرفية أن الخادم جاهز، وتُفتح الصفحة على قسمها الرئيسي.

    تواجه مشكلة؟

جولة سريعة

هكذا تبدو الصفحة بعد تشغيلها.

الصفحة نفسها متاحة مباشرة على landing-page-template-3.aniq-ui.com.

أوقفه وأعد تشغيله

اضغط Ctrl+C في الطرفية لإيقاف الموقع. إذا كانت تلك الطرفية مغلقة، فإن docker ps يعرض الحاوية العاملة، وdocker stop متبوعًا بمعرّفها يوقفها.

أعد التشغيل بأمر docker run نفسه. بعد تعديل أي ملف، أعد بناء الصورة أولًا: فالصورة تحمل نسخة من الموقع كما كان عند بنائها.

الطرفيةفي landing-page-template-3
docker build -t company-site .
docker run -p 3030:3030 company-site

التالي

توقفت عند خطوة؟

ابحث عن الحل قبل أن تبدأ من جديد.

حل المشكلات

تفضيلات ملفات تعريف الارتباط

نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.