شغّل الموقع على جهازك
شغّل الموقع على جهازك بأمرين من Docker.
قبل أن تبدأ: ثبّت Docker Desktop وافتحه، أو Docker Engine على Linux. لا تحتاج إلى شيء آخر.
اطّلع على المتطلباتنزّل القالب
افتح صفحة القالب على aniq-ui.com واضغط احصل عليه مجاناً. أدخل بريدك الإلكتروني واسمك، ثم اضغط احصل عليه. يُضاف القالب إلى قوالبي في لوحتك، ومن هناك تنزّل ملف ZIP.
النتيجة المتوقعة: ملف باسم يشبه
landing-page-template-1-main-….zipموجود في مجلد التنزيلات.فك الضغط وافتح المجلد
فك ضغط ملف ZIP وافتح طرفية في المجلد
landing-page-template-1. على Windows، فك الضغط في مستكشف الملفات، ثم افتح طرفية في المجلد.الطرفيةunzip landing-page-template-1-*.zip cd landing-page-template-1النتيجة المتوقعة: يعرض المجلد
تواجه مشكلة؟Dockerfileوpackage.jsonوmessagesوpublicوsrc.ابنِ الصورة
يثبّت هذا الاعتماديات ويُنشئ بناء إنتاج داخل Docker. لا يلزم إعداد أي شيء مسبقًا. يستغرق البناء الأول بضع دقائق، وتعيد عمليات البناء اللاحقة استخدام ما لم يتغير.
الطرفيةفيlanding-page-template-1docker build -t agency-portfolio .النتيجة المتوقعة: ينتهي البناء دون خطأ، وتحمل الصورة الاسم
تواجه مشكلة؟agency-portfolio.شغّل الموقع
شغّل الصورة. يستمع الموقع على المنفذ
3030.الطرفيةفيlanding-page-template-1docker run -p 3030:3030 agency-portfolioالمنفذ مستخدم بالفعل؟
إذا أجاب Docker بـ
المنفذ مستخدم بالفعلport is already allocatedأوaddress already in use، فهناك برنامج آخر يستخدم المنفذ3030. أوقفه، أو غيّر الرقم على يسار-p، مثلًاdocker run -p 3041:3030 agency-portfolio، وافتح localhost:3041محلي بدلًا منه.النتيجة المتوقعة: يفتح localhost:3030محلي الصفحة.
تواجه مشكلة؟/enهي الصفحة الإنجليزية و/arالصفحة العربية، من اليمين إلى اليسار.
جولة سريعة
هكذا تبدو الصفحة بعد تشغيلها.
أوقف التطبيقات وأعد تشغيلها
اضغط Ctrl+C في الطرفية لإيقاف الموقع. إذا لم تعد الطرفية، فاعثر على الحاوية من طرفية أخرى وأوقفها بمعرّفها:
docker ps
docker stop <container-id>شغّله من جديد بأمر docker run نفسه: الصورة مبنية بالفعل.
غيّرت ملفًا؟
تحمل الصورة نسخة من الشيفرة كما كانت لحظة بنائها. بعد تغيير نص أو صورة أو الشيفرة، شغّل docker build -t agency-portfolio . مرة أخرى قبل docker run.