قم بإعداد Ubuntu (أو توزيعة أخرى) لتطوير الويب

بعيدًا عن الأساطير أو المعتقدات أو الرأي القائل بأن استخدام جنو / لينكس معقد ، فأنا أعتبره نظام تشغيل ممتازًا للمطورين ، خاصةً مطوري الويب.

لقد أتيحت لي الفرصة للتحدث مع العديد من الأشخاص الذين يفضلون ذلك OS X وحتى Windows للتطوير ، كما يقولون ، بسبب سهولة استخدامه وأدواته ، وعلى الرغم من أنه رأي فردي جدًا لكل شخص ، أعتقد أن أي توزيعة GNU / Linux أو على الأقل أكثرها شعبية ، تقدم كل ما تحتاجه للتثبيت والعمل.

[اقتباس] تقدم التوزيعات الأكثر شيوعًا جميع الحزم الضرورية في مستودعاتها لمطور الويب. [/ quote]

الآن ، فيما يتعلق بقضية التنمية هناك معضلة ، هو توزيع محدث للغاية مثل Antergos أو تلك التي تحافظ على التوازن بين المستقرة والمحدثة أوبونتو?

أضع مثالًا بسيطًا للغاية ، أثناء وجوده في Ubuntu موثوق به أحدث إصدار من نتبيانس هو 7.0.1 بوصة آرش لينكس الإصدار 8.0.2 متاح. نفس الشيء يحدث مع NodeJS وغيرها من الحزم التي سنراها أدناه والتي يستخدمها على نطاق واسع نهاية المقدمة.

على أي حال ، فإن قرار الجميع هو اختيار التوزيع الذي يفضلونه وفقًا للعمل الذي سيتم تنفيذه. بالنسبة لهذه المقالة ، سنبدأ من تثبيت Ubuntu ، وبما أنه يركز على المستخدمين الجدد ، فسوف نعرض العملية خطوة بخطوة.

قم بتثبيت Ubuntu 14.04

أول شيء سنفعله هو تنزيل صورة تثبيت Ubuntu من موقعه الرسمي على الويب. سيسمح لك الرابط أدناه باختيار ما إذا كنت تريد تنزيل ISO 32 بت أو 64 بت.

بمجرد تنزيله ، يجب "نسخ" قرص DVD باستخدام ISO الذي تم تنزيله أو تحضير ذاكرة فلاش للتمهيد والتثبيت منه. في Windows يمكننا القيام بذلك باتباع هذا الدليل وعلى Mac هذا الآخر. بمجرد الانتهاء من ذلك ، نقوم بإعادة تشغيل جهاز الكمبيوتر والبدء من خلال الذاكرة أو قرص DVD.

خطوات تثبيت Ubuntu 14.04

أول شيء هو تحديد اللغة التي نريد تثبيت Ubuntu بها:

سنرى لاحقًا ما إذا كانت لدينا جميع المتطلبات اللازمة للتثبيت:

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

نختار المنطقة الزمنية:

نختار لغة لوحة المفاتيح الخاصة بنا:

نحدد اسم المستخدم الخاص بنا واسم جهاز الكمبيوتر الخاص بنا وكلمة المرور الخاصة بنا:

وننتظر حتى ينتهي:

بمجرد انتهاء المثبت ، نقوم بإعادة تشغيل الكمبيوتر والدخول إلى جلستنا. يمكننا تشغيل Update Manager أو فتح Terminal ووضع:

$ sudo apt update && sudo apt upgrade

وإذا لم يكن هناك شيء للتحديث ، فيمكننا البدء.

تحضير مساحة العمل لدينا للاختبار

لذلك ، نظرًا لأننا مطورين ، نريد فقط التركيز على ما نعرف كيفية القيام به: تطوير. لسنا مهتمين بمعرفة كيفية تكوين خادم ويب ، أو كيفية عمل قاعدة البيانات ، نريد فقط شيئًا يعمل وسهل التنفيذ لبدء كتابة التعليمات البرمجية.

إذا كان علينا فقط الكتابة بلغة HTML و CSS و JS ، فسيكون كل شيء أبسط ، ولكن في بعض الأحيان يجب أن يكون لدينا خادم اختبار للتعليمات البرمجية في PHP و Ruby و DJango وما إلى ذلك. لذلك ، يوصى بذلك إعداد خادم الويب الخاص بنا. لحسن الحظ لدينا هذه المنشأة بطريقتين مختلفتين:

1. باستخدام المثبت XAMPP ما يقدم لنا أباتشي.
2. باستخدام مصباح بيتنامي.

تركيب بيتنامي

تركيب LAMP عبر Bitnami رأينا ذلك بالفعل في مقال سابق ، لذلك لن يكون من الضروري تناوله في هذه المقالة. بمجرد تثبيت Bitnami ، يمكننا إدارة خادم الاختبار الخاص بنا من خلال متصفح الويب.

يمكن العثور على جميع الوثائق اللازمة حول كيفية عمل Bitnami على ويكي الخاص به.

تثبيت XAMPP

يأتي مُثبِّت XAMPP أيضًا من Bitnami ، لكن عملية التثبيت مختلفة بعض الشيء ، لذلك سنتناولها خطوة بخطوة. أول شيء بالطبع هو تنزيل الملف الذي يهمنا وفقًا لبنية معالجنا:

بمجرد التنزيل ، نفتح محطة ونصل إلى المجلد الذي يوجد به الملف ، والذي سنمنح أذونات التنفيذ له. في حالة ملف 64 بت ، سيكون:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

الآن في نفس المحطة ننفذها:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

ونتبع الخطوات التالية.

في الصورة السابقة سألنا عما إذا كنا نريد تثبيت الملفات للمطورين وفي الصورة اللاحقة ، إذا كنا نتفق مع التحديد الذي اخترناه.

الآن يطلب منا المسار الذي نريد التثبيت (افتراضيًا يكون في / opt / lampp) ، وعلى الرغم من أنه يمكننا تغييره ، إلا أنني أوصي بتركه كما هو.

خطوة أخرى للتحقق قبل البدء في التثبيت

تثبيت XAMPP

اكتمل التثبيت.

الآن ، لبدء XAMPP ، علينا فقط تنفيذ:

sudo / opt / lampp / lampp ابدأ ببدء تشغيل XAMPP لنظام التشغيل Linux 5.5.19-0 ... XAMPP: بدء Apache ... حسنًا. XAMPP: بدء تشغيل MySQL ... حسنًا. XAMPP: جارٍ بدء ProFTPD ... حسنًا.

وبهذه الطريقة لدينا بالفعل خادم Apache + MySQL + PHP + Perl قيد التشغيل. إذا كانت لديك مشكلة ، فإنني أوصيك بزيارتها التعليمات.

DNS مخصص ومضيف افتراضي مع XAMPP

بافتراض أن لدينا عدة مواقع مستضافة على خادم الاختبار الخاص بنا ، يمكننا تعيين كل منها ليتم عرضها محليًا في الملف / الخ / المضيفين. لنأخذ مثالاً ، لنفترض أن لدينا الموقع dev.tests.comما نقوم به هو فتح الملف / الخ / المضيفين باستخدام محرر النصوص المفضل لدينا (وكجذر) وأضفه على النحو التالي:

$ sudo vim /etc/hosts

ونضيف السطر:

127.0.0.1   dev.prueba.com

لكن بالطبع هذا لا يكفي ، لأنه يتعين علينا إخبار أباتشي أنه عندما يطلب شخص ما ذلك dev.test.com بالنسبة لـ 127.0.0.1 ، يجب عليك إعادة موقع الاختبار الخاص بنا.

نقوم بتحرير الملف /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

و uncomment (إزالة علامة الجنيه) السطر الذي يقول:

# Include etc/extra/httpd-vhosts.conf

ونتركه هكذا:

Include etc/extra/httpd-vhosts.conf

الآن نذهب إلى الملف /opt/lampp/etc/extra/httpd-vhosts.conf والتي يجب أن تحتوي على شيء مثل هذا:

# استخدم فقط المضيفات الظاهرية المستندة إلى الاسم ، لذلك لا داعي للقلق بشأن # عناوين IP. يشار إلى هذا من خلال العلامات النجمية في التوجيهات أدناه. # # يرجى الاطلاع على الوثائق على # # لمزيد من التفاصيل قبل محاولة إعداد مضيفات افتراضية. # # يمكنك استخدام خيار سطر الأوامر "-S" للتحقق من تكوين المضيف الظاهري #. # # مثال على VirtualHost: # قد ينتقل أي توجيه Apache تقريبًا إلى حاوية VirtualHost. # يتم استخدام قسم VirtualHost الأول لجميع الطلبات التي لا تتطابق مع اسم الخادم أو ServerAlias ​​في أي كتلة. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" اسم الخادم dummy-host.example.com سجلات ServerAlias ​​www.dummy-host.example.com ErrorLog " / dummy -host.example.com-error_log "CustomLog" logs / dummy-host.example.com-access_log "شائع ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" شائع

نقوم بتعديله ونتركه على هذا النحو:

# استخدم المضيفات الظاهرية المستندة إلى الاسم فقط لذلك لا داعي للقلق بشأن # عناوين IP. يُشار إلى ذلك بواسطة العلامات النجمية في التوجيهات أدناه. # # يرجى الاطلاع على الوثائق على # # لمزيد من التفاصيل قبل محاولة إعداد مضيفات افتراضية. # # يمكنك استخدام خيار سطر الأوامر "-S" للتحقق من تكوين المضيف الظاهري #. # # مثال على VirtualHost: # قد ينتقل أي توجيه Apache تقريبًا إلى حاوية VirtualHost. # يتم استخدام قسم VirtualHost الأول لجميع الطلبات التي لا تتطابق مع اسم الخادم أو ServerAlias ​​في أي كتلة. # DocumentRoot "/ home / path / folder / project /" اسم الخادم my_blog.dev تتطلب كل الممنوحة

من الواضح أنه يجب تحديد المسار إلى مجلد مشروعنا عند الاستبدال "/ الصفحة الرئيسية / المسار / المجلد / المشروع /".

تركيب المصباح اليدوي

الآن ، على الرغم من أنه قد لا يبدو الأمر كذلك ، أعتقد أنه من الصعب إجراء التثبيت بالطريقة السابقة أكثر من تثبيت الحزم مباشرة من مستودعاتنا. للحصول على نفس Stack على جهاز الكمبيوتر الخاص بنا ، علينا فقط فتح Terminal ووضع:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

مع هذه الحزم الثلاثة فقط ، سيتم تثبيت التبعيات الضرورية لبدء العمل بالحد الأدنى المطلوب عند التطوير.

DNS مخصص ومضيف افتراضي مع LAMP

من جانب DNS (خادم اسم المجال) ، نحتفظ بكل شيء كما هو ، أي نضيف أسماء مواقع الاختبار الخاصة بنا في الملف / الخ / المضيفين. الآن ، في حالة Apache ، يختلف مسار VHost (Virtual Hosts).

عادة ما يتم القيام به هو وضع ما نضعه في الملف /opt/lampp/etc/extra/httpd-vhosts.conf في الطريق /etc/apache2/sites-available/vhostname.conf، ثم يتم إنشاء ارتباط رمزي لهذا الملف في المجلد / الخ / apache2 / تمكين مواقع / لكننا لن نعقد. سنضع الملف مباشرة / الخ / apache2 / تمكين مواقع / مع التكوين التالي:

sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf $ DocumentRoot "/ home / path / folder / project /" اسم الخادم my_blog.dev تتطلب كل الممنوحة

أعتقد أنه من الصحيح توضيح أنه عند التثبيت يدويًا ، يكون المسار الافتراضي لمجلدات موقع الويب هو / var / www / http /.

تثبيت NodeJS و Ruby

إذا استخدمنا NodeJS o روبي (بدلاً من PHP و Perl) يمكننا تثبيت الحزم يدويًا عن طريق التشغيل في وحدة التحكم:

$ sudo apt install nodejs ruby

وإذا احتاجوا إلى المزيد من الحزم ، عليهم فقط البحث عنها عن طريق تشغيل مدير الحزم أو في وحدة التحكم:

$ sudo apt search paquete a buscar

حتى يكون لدينا بالفعل هذا الجزء من جانب الخادم جاهزًا لوضع الحماية الخاص بنا ، فلنرى الآن بعض التطبيقات التي يمكننا استخدامها.

أدوات تطوير الويب

لدينا في المستودعات بعض التطبيقات التي ستتيح لنا العمل بشكل مريح عندما يتعلق الأمر بـ HTML و CSS و JS وغيرها. من بينها لدينا:

• سمك شره
• Geany
• جي إديت
• كيت

كائن سمك شره (في رأيي) الأكثر اكتمالا عندما يتعلق الأمر بالعمل نهاية المقدمة، ولكني أوصي بتثبيت تطبيقات الطرف الثالث التي توفر لنا وظائف أكثر. لدينا على سبيل المثال بين قوسين, سابليم تكست o كومودو تحرير. تحتوي جميع هذه التطبيقات على حزمة التثبيت الخاصة بها لـ Ubuntu ، باستثناء Komodo-Edit ، والتي يجب فقط فك ضغطها وتشغيل ملف .sh.

(… تحت المعالجة …)