شغّل الموقع محليًا
شغّل صفحة الهبوط على جهازك بأمرين من Docker.
قبل أن تبدأ: ثبّت Docker Desktop وافتحه، أو Docker Engine على Linux. لا تحتاج إلى أي شيء آخر، ولا يوجد ملف .env لإنشائه.
نزّل القالب
افتح صفحة القالب على Aniq UI واضغط تحميل مجاني. أدخل بريدك الإلكتروني واسمك واضغط احصل عليه: تصل إلى لوحتك وأنت مسجّل الدخول، ثم تنزّل ملف ZIP من قوالبي.
النتيجة المتوقعة: يظهر في مجلد التنزيلات ملف باسم مثل
juicy-main-….zip.فك الضغط وافتح المجلد
فك ضغط الملف وافتح طرفية في المجلد
juicy. على Windows، فك الضغط في مستكشف الملفات، ثم افتح طرفية في المجلد.الطرفيةunzip juicy-*.zip cd juicyالنتيجة المتوقعة: يعرض المجلد
Dockerfileوpackage.jsonوmessagesوpublicوsrc.ابنِ الصورة
لا يقرأ الموقع أي متغيرات بيئة، لذلك لا يحتاج البناء إلى أي وسائط. يُنزّل البناء الأول Node.js والحزم ويستغرق بضع دقائق؛ وتعيد عمليات البناء اللاحقة استخدام ما لم يتغير.
الطرفيةفيjuicydocker build -t juicy .النتيجة المتوقعة: ينتهي البناء بسطر يذكر اسم الصورة
تواجه مشكلة؟juicy.شغّله وافتح الموقع
شغّل حاوية من الصورة، ثم افتح localhost:3030محلي. العربية على
/ar.الطرفيةفيjuicydocker run -p 3030:3030 juicyالمنفذ مستخدم بالفعل؟
إذا توقف التشغيل برسالة
المنفذ مستخدم بالفعلports are not available ... address already in use، فهناك برنامج آخر يستخدم المنفذ 3030. إما أن توقفه، أو تغيّر الرقم الموجود على يسار-pفقط: شغّلdocker run -p 3041:3030 juicyوافتح localhost:3041محلي.النتيجة المتوقعة: تفتح الصفحة على علبة ليمون وزنجبيل. مرّر بعجلة الفأرة، أو اضغط مفاتيح الأسهم، أو استخدم أزرار الأسهم لتدوير العجلة.
تواجه مشكلة؟
جولة سريعة
هكذا تبدو الصفحة بعد تشغيلها.
أوقف التطبيقات وأعد تشغيلها
اضغط Ctrl+C في الطرفية لإيقافه. وشغّله مرة أخرى بأمر docker run نفسه؛ فلا شيء يحتاج إلى إعادة بناء.
ولإبقائه يعمل في الخلفية بدلًا من ذلك، أعطِ الحاوية اسمًا، ثم أوقفها بهذا الاسم:
docker run -d --name juicy -p 3030:3030 juicy
docker stop juicyبعد docker stop، يعيد docker start juicy تشغيل الحاوية نفسها. وبعد تعديل أي ملف، شغّل docker build -t juicy . مرة أخرى: فالصورة تحمل نسخة من الموقع كما كان عند بنائها.