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

اﻷمر المحبط اﻵخر و هو تثبيت بعض اطارات العمل مثل Node JS و اشتقاقاته مثل Meteor،فلو كنت حديث العهد بإطار Node JS سيكون من الصعب عليك تثبيت Meteor خصوصا إن اتبعت بعض الشروحات القديمة على بعض المواقع خصوصا و أن كلا الإطارين في تطور مستمر.

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

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

دعونا اﻵن نقوم بتثبيت Vagrant أوﻻ بعدها ننتقل إلى تثبيت البيئة التطويرية التي أرى أنها اﻷنسب لمطوري الويب لما تحويه من وسائل ستجعل من تطوير مواقع و تطبيقات الويب أمرا ممتعا جدا.

أوﻻ عليك تحميل و تثبيت بيئة إنشاء اﻷنظمة الوهمية،و هنا أنصحك باستخدام Virtual Box ﻷنه مجاني تماما و يعطيك خيارات كثيرة باﻹضافة إلى أنه بسيط و عملي جدا.

يمكنك تحميل النسخة الموافقة لنظام التشغيل الذي تستخدمه من الرابط التالي (شخصيا أستخدم نظام Ubuntu 16.04 LTS)،بعد انتهاء التحميل قم بالتثبيت،اﻷمر بسيط للغاية و ﻻ يحتاج إلى تفصيل.

اﻵن نتوجه إلى الموقع الرسمي لـ Vagrant و نقوم بتحميل آخر إصدار.تأكد من تثبيت Virtual Box قبل تثبيت Vagrant حتى ﻻ تقع في مشاكل ﻻحقا،اﻵن كل شيء جاهز للبدء في بناء بيئة التطوير.

قام العديد من المطورين ببناء أنظمة(نكهات) تخص بيئات التطوير،يمكنك اﻹطلاع عليها من الرابط التالي.

إخترت لكم أفضل نظام بالنسبة لمطوري الويب: Scotch Box و التي أراها اﻷنسب للبدء لما توفره من أدوات كثيرة و أطر عمل أكثر هذا باﻹضافة إلى أنها تعمل على توزيعة Ubuntu Server 14.04 LTS الشهيرة و التي أثبتت جدارتها في تسيير سيرفرات الويب لمدة طويلة بسبب اﻹستقرارية العالية التي تتميز بها عن غيرها.دعونا نبدأ تثبيت Scotch Box لبندأ مسيرة التطوير كمحترفين.

قبل أن نبدأ في بناء بيئة التطوير،دعونا نكتشف سويا بعض ما يحويه Scotch Box:

  • Ubuntu Server 14.04 LTS
  • PHP 5.6
  • Ruby 2.2
  • Git
  • Node JS
  • NPM
  • MySQL
  • PostgreSQL
  • SQLite
  • MongoDB
  • Grunt
  • Bower
  • Laravel Installer

أعتقد أن هذه اﻷدوات هي أكثر من كافية لبدء مسيرتك كمطور ويب(يحوي الكثير من اﻷدوات اﻷخرى و لكني اكتفيت بذكر أشهرها فقط)

افتح نافذة Terminal (أعتقد أن مستعملي Windows 10 يستطيعون استخدام الـ Shell الخاص بلينكس بعد القيام بالتحديث اﻷخير للنظام) و قم بعملية Clone للمستودع الخاص به

git clone https://github.com/scotchio/scotchbox.git my-web-project

my-web-project هو مجلد المشروع الخاص بك،لهذا يمكنك تسميته كما تريد.عملية الـ Clone لن تأخذ وقتا طويلا

بعد أن تنتهي العملية قم بتحويل المسار إلى مجلد مشروعك الجديد my-web-project عن طريق

cd my-web-project

اﻵن ما عليك فعله هو إنشاء البيئة التطويرية عن طريق كتابة اﻷمر

vagrant up

هنا سيقوم Vagrant بإنشاء نظام وهمي على Virtual Box مع اﻹعدادات المطلوبة و بعدها سيقوم بتحميل النظام من المستودع الخاص به و تثبيت،العملية ستأخذ بعض الوقت و هذا باﻹعتماد على سرعة اﻷنترنت التي لديك.

بعد أن تنتهي عملية التحميل و إنشاء البيئة التطويرية الجديدة،سيكون بإمكانك الدخول إليها عن طريق كتابة اﻷي بي التالي في المتصفح الخاص بك

http://192.168.33.10

عندها ستجد صفحة مماثلة لهذه

Scotch Box

 

اﻵن مبروك عليك بيئة التطوير الجديدة الخاصة بك،أتمنى أن تقضي وقتا ممتعا برفقتها.

سأعطيك اﻵن بعض اﻷوامر المهمة جدا للتعامل مع Vagrant

vagrant up : في أول مرة ستقوم هته الأداة بإنشاء البيئة التطويرية و بعدها تستخدم من أجل تشغيلها

vagrant suspend : تستخدم لتعليق البيئة التطويرية من أجل القيام ببعض اﻷعمال مثلا

vagrant destroy : تستخدم لحذف البيئة التطويرية بشكل كامل(مع حذف الملفات)

vagrant halt : ﻹيقاف البيئة التطويرية

vagrant ssh : من أجل اﻹتصال بالسيرفر عن طريق بروتوكول SSH

vagrant reload : ﻹعادة تشغيل البيئة التطويرية

vagrant status : لعرض حالة البيئة التطويرية

كان هذا الدرس أول درس بعد عودة جييك كاديمي بعد التوقف الطويل ﻷسباب متعددة،أتمنى أن يكون الدرس قد نال إعجابكم،ﻻ تنسوا مشاركته،دمتم بود

2 تعليقان. Leave new

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Fill out this field
Fill out this field
الرجاء إدخال عنوان بريد إلكتروني صالح.
You need to agree with the terms to proceed

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.