كيفية إعداد خادم ويب محلي (Local Web Server) على أنظمة التشغيل Windows وmacOS وLinux

عند تطوير موقع الويب الخاص بك، يجب أن تكون لديك القدرة على ملاحظة وتقييم الشكل الذي قد يبدو عليه موقع الويب من وجهة نظر الزائر العادي.

في بعض الأحيان يكون مجرد النقر على ملفات HTML وعرضها في متصفح الويب كافيًا. ولكن إذا كنت تريد اختبار المحتوى الديناميكي، فستحتاج إلى إعداد خادم ويب محلي.

هذا أمر بسيط للغاية ويمكنك القيام بذلك بسهولة بنفسك سواء كنت تستخدم جهاز كمبيوتر يعمل بنظام Windows أو macOS أو Linux. هناك العديد من أنواع خوادم الويب المتاحة، ولكن في هذه المقالة سنستخدم Apache لأنه الخادم الأكثر شهرة، وسهل الإعداد للغاية، ويتمتع بتوافق جيد مع جميع أنظمة تشغيل الكمبيوتر الشائعة والمتغير الحالي.

قم بإعداد خادم ويب محلي على Linux

تم تصميم Apache لأنظمة التشغيل المشابهة لـ Unix. ينتمي Linux إلى هذه الفئة ويمكن إجراء تثبيت وتكوين خادم الويب Apache بكل بساطة.

ستتضمن المهمة معالجة سطر الأوامر. تسمح لك معظم توزيعات Linux الشائعة اليوم بتثبيت Apache دون تجميعه من المصدر باستخدام أمر واحد بسيط فقط.

بالنسبة للتوزيعات المستندة إلى Debian وUbuntu وUbuntu:

سودو ملائمة تثبيت اباتشي2

بالنسبة إلى Red Hat وCentOS:

سودو dnf تثبيت httpd

بمجرد اكتمال التثبيت، افتح متصفح الويب وانتقل إلى " 127.0.0.1 " أو " المضيف المحلي ". إذا كانت الشاشة تعرض عبارة " إنه يعمل! "، فهذا يعني أن تثبيت Apache الخاص بك كان ناجحًا.

لفهم كيفية تعامل Apache مع هذا الموقع بشكل أفضل، فلنعدله. أولاً، انتقل إلى دليل جذر الويب لجهاز الكمبيوتر المحلي الذي يعمل بنظام التشغيل Linux.

مؤتمر نزع السلاح /فار/www/html

افتح " index.html " كدليل جذر باستخدام محرر النصوص الموجود على النظام.

ابحث عن عبارة " إنه يعمل !" وقم بتغييره إلى نص عشوائي، مثل " Make Tech Easier! "، ثم احفظ الملف.

الآن قم بتحديث الموقع على العنوان 127.0.0.1 . ستظهر لك شاشة تعرض عبارة " Make Tech Easier! " بدلاً من " It Works!" " سابقا .

لقد قمت الآن بإعداد خادم ويب بسيط بنجاح. يمكن إجراء بعض التخصيصات لإعدادات التكوين في " Apache2.conf ".

سودو نانو /etc/Apache2/Apache2.conf

ملاحظة: في كل مرة تقوم فيها بإجراء تعديلات على التكوين، ستحتاج إلى إعادة تشغيل Apache لتطبيق أي تغييرات.

إعادة تشغيل سودو systemctl Apache2

إذا لم ينجح ذلك، يمكنك إعادة التشغيل عن طريق تنفيذ ملف التمهيد مباشرة.

إعادة تشغيل Sudo /etc/init.d/Apache2

قم بإعداد خادم ويب محلي على نظام التشغيل macOS

والخبر السار هو أن Apache مثبت الآن على نظام التشغيل macOS افتراضيًا. لذلك كل ما عليك فعله هو تشغيله.

في Finder، انتقل إلى " التطبيقات -> الأدوات المساعدة "، ثم انقر نقرًا مزدوجًا فوق "المحطة الطرفية" .

لتمكين خادم الويب Apache المثبت مسبقًا، قم بتشغيل الأمر التالي:

بداية سودو أباتشيكتل

للتحقق مما إذا كان خادم الويب قيد التشغيل، افتح المتصفح وانتقل إلى " 127.0.0.1 " أو " المضيف المحلي ".

بالطبع يمكنك أيضًا تغيير محتوى موقع الويب بمجرد الانتقال إلى الدليل الجذر بنفس الطريقة التي تفعلها في Linux. الشيء الوحيد المختلف هو موقع المسار.

مؤتمر نزع السلاح / المكتبة / خادم الويب / المستندات /

الآن، قم بتحرير الملف "index.html.en" باستخدام محرر النصوص المحلي لديك. قم بتغيير " إنه يعمل! " إلى " Hello World! ".

سودو نانو Index.html.en

يرجى تحديث الموقع على 127.0.0.1 . سترى الشاشة تعرض عبارة " Hello World! " بدلاً من " It Works!" "كما كان من قبل.

لتكوين خادم الويب Apache بشكل أكبر في نظام التشغيل macOS، انتقل إلى الملف " httpd.conf ".

سودو نانو /etc/Apache2/httpd.conf

مثل Linux، يمكنك بسهولة إعادة تشغيل خدمة Apache باستخدام الأمر apachectl مع امتيازات الجذر.

إعادة تشغيل سودو أباتشيكتل

قم بإعداد خادم ويب محلي على نظام Windows

على عكس Linux وmacOS، لا يعتمد Windows على Unix، لذا فإن تثبيت خادم ويب محلي سيكون مختلفًا بعض الشيء.

لحسن الحظ، هناك عدد من أدوات التثبيت التي تجمع أشياء مثل Apache وMySQL وPHP معًا لتسهيل المهمة. واحد منهم هو XAMPP.

( ملاحظة : XAMPP متاح أيضًا لنظامي التشغيل Linux وMac OS X).

قم بتنزيل إصدار Windows من XAMPP وابدأ التثبيت. قم بتنفيذ برنامج التثبيت عندما يُطلب منك ذلك. يمكنك فقط اختيار Apache إذا كان كل ما تحتاجه هو خادم ويب. ومع ذلك، إذا كنت تخطط لاستخدام قاعدة بيانات، فيمكنك أيضًا اختيار MySQL.

استمر في التثبيت وانقر على " إنهاء " عندما تصل إلى الخطوة الأخيرة. افتراضيًا، سيتم تشغيل لوحة تحكم XAMPP.

انقر فوق " ابدأ " لـ Apache وMySQL، إذا لزم الأمر.

إذا انتقلت إلى " 127.0.0.1 " أو " المضيف المحلي " في متصفح الويب الخاص بك، فسترى صفحة تكوين XAMPP.

لإنشاء موقع ويب جديد، تكون العملية هي نفسها المذكورة أعلاه. افتح المفكرة وقم بإنشاء ملف HTML نموذجي. أطلق عليه اسم " hello.html ".

احفظ الملف في المجلد الجذر للمستند الموجود في " c:\xampp\htdocs\ ".

انتقل إليه عن طريق فتح متصفح الويب وزيارة 127.0.0.1/hello.html . سوف تكون قادرا على عرض موقع الويب الذي قمت بإنشائه.