إعداد Code-Server على أوبنتو

كيفية إعداد منصّة Code-Server Cloud IDE على نظام تشغيل أوبنتو 18.04

إن بيئة التطوير المتكاملة (IDE) هي واحدة من الأدوات الأكثر أهمية للمطورين الذين يسعون إلى تحسين سير عملهم وتبسيط عملية البرمجة. أحد الخيارات الشائعة في الوقت الحالي هو Code-Server، الذي يتيح لك استخدام Visual Studio Code (VS Code) في بيئة سحابية. في هذا المقال، سنناقش كيفية إعداد منصّة Code-Server Cloud IDE على نظام أوبنتو 18.04، مما يتيح لك تطوير التطبيقات من أي مكان وفي أي وقت عبر المتصفح.

متطلبات النظام

قبل البدء في إعداد Code-Server، تأكد من أنك تمتلك نظام أوبنتو 18.04 مع صلاحيات الجذر (root) لتثبيت الحزم المطلوبة. سنحتاج أيضًا إلى بعض الأدوات مثل curl و git، بالإضافة إلى تثبيت Node.js و npm لضمان التوافق مع بعض الحزم.

خطوات إعداد Code-Server على أوبنتو 18.04

1. تحديث النظام

أول خطوة هي التأكد من أن النظام محدث بالكامل للحصول على آخر التحديثات الأمنية والبرمجية. يمكنك استخدام الأمر التالي لتحديث النظام:

bash
CopyEdit
sudo apt update && sudo apt upgrade -y

2. تثبيت المتطلبات الأساسية

قبل تثبيت Code-Server، تأكد من أنك تمتلك الأدوات الأساسية مثل curl و git. قم بتثبيت هذه الأدوات باستخدام الأوامر التالية:

bash
CopyEdit
sudo apt install curl git -y

3. تثبيت Node.js و npm

تحتاج Code-Server إلى Node.js و npm. إذا لم تكن قد قمت بتثبيتهما بعد، يمكنك تثبيتهما باستخدام الأوامر التالية:

bash
CopyEdit
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt install -y nodejs

بعد ذلك، تحقق من تثبيت Node.js و npm باستخدام الأوامر التالية:

bash
CopyEdit
node -v
npm -v

4. تحميل وتثبيت Code-Server

الخطوة التالية هي تحميل Code-Server من الموقع الرسمي. يمكنك القيام بذلك باستخدام الأمر التالي:

bash
CopyEdit
curl -fsSL https://code-server.dev/install.sh | sh

هذا الأمر يقوم بتحميل وتثبيت أحدث إصدار من Code-Server تلقائيًا.

5. تشغيل Code-Server

بعد اكتمال التثبيت، يمكنك الآن تشغيل Code-Server باستخدام الأمر التالي:

bash
CopyEdit
code-server

سيتم تشغيل الخادم على المنفذ 8080 بشكل افتراضي. إذا أردت تخصيص المنفذ، يمكنك تحديده باستخدام خيار –bind-addr. على سبيل المثال، لتشغيل Code-Server على المنفذ 9090:

bash
CopyEdit
code-server --bind-addr 0.0.0.0:9090

6. إعداد كلمة مرور لتأمين الوصول

من أجل حماية Code-Server من الوصول غير المصرح به، يوصى بتعيين كلمة مرور. بعد تشغيل Code-Server، ستتمكن من الوصول إليه من خلال المتصفح باستخدام عنوان الـ IP المحلي (localhost) أو IP الخادم الخاص بك، تليها المنفذ 8080.

لإعداد كلمة مرور، يمكنك استخدام الخيار –auth password مع Code-Server:

bash
CopyEdit
code-server --auth password

عند تشغيل الخادم، سيتطلب منك إدخال كلمة مرور للوصول إلى بيئة التطوير عبر المتصفح.

7. إعداد خدمة Systemd لتشغيل Code-Server تلقائيًا

لتشغيل Code-Server بشكل تلقائي عند بدء تشغيل النظام، يمكننا إعداد خدمة systemd. قم بإنشاء ملف وحدة جديدة باستخدام المحرر النصي المفضل لديك:

bash
CopyEdit
sudo nano /etc/systemd/system/code-server.service

ثم، أضف النص التالي إلى الملف:

ini
CopyEdit
[Unit]
Description=Code-Server
After=network.target

[Service]
Type=simple
User=your-username
ExecStart=/usr/bin/code-server --bind-addr 0.0.0.0:8080 --auth password
Restart=always

[Install]
WantedBy=multi-user.target

لا تنس استبدال your-username باسم المستخدم الخاص بك. بعد حفظ الملف، قم بتفعيل الخدمة وتشغيلها باستخدام الأوامر التالية:

bash
CopyEdit
sudo systemctl enable code-server
sudo systemctl start code-server

الآن، سيتم تشغيل Code-Server تلقائيًا في كل مرة يبدأ فيها النظام.

8. الوصول إلى Code-Server

بمجرد أن يعمل Code-Server، يمكنك الوصول إليه من خلال متصفح الويب باستخدام عنوان الـ IP الخاص بالخادم أو localhost مع المنفذ 8080 (أو أي منفذ اخترته أثناء الإعداد). على سبيل المثال:

cpp
CopyEdit
http://:8080

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

9. تخصيص بيئة Code-Server

يمكنك تخصيص بيئة Code-Server الخاصة بك تمامًا كما تفعل في Visual Studio Code المحلي. يدعم Code-Server العديد من الإضافات (Extensions) من متجر VS Code، لذا يمكنك إضافة الأدوات واللغات التي تحتاج إليها.

لإضافة امتدادات إلى Code-Server، استخدم واجهة المستخدم الرسومية (GUI) داخل المتصفح أو استخدم الأمر التالي عبر الطرفية:

bash
CopyEdit
code-server --install-extension 

على سبيل المثال، لتثبيت الامتداد الخاص بـ Python، يمكنك استخدام:

bash
CopyEdit
code-server --install-extension ms-python.python

10. إعداد SSL لتأمين الاتصال

لزيادة الأمان، يمكنك إعداد SSL لتأمين الاتصال بـ Code-Server. يُفضل استخدام Let’s Encrypt للحصول على شهادة SSL مجانية. يمكنك تثبيت Certbot على نظام أوبنتو باستخدام الأوامر التالية:

bash
CopyEdit
sudo apt install certbot
sudo certbot certonly --standalone

بعد ذلك، قم بتكوين Code-Server لاستخدام شهادة SSL من خلال تعديل ملف الخدمة code-server.service ليشمل مسار الشهادة.

11. استخدام Code-Server عبر VPN أو Nginx

إذا كنت ترغب في تحسين الأمان بشكل أكبر، يمكن تكامل Code-Server مع Nginx أو VPN للوصول إليه بأمان. Nginx يمكنه العمل كخادم عكسي (reverse proxy) لتوجيه الطلبات إلى Code-Server عبر منفذ آمن باستخدام HTTPS.

الخلاصة

لقد شرحنا في هذا المقال كيفية إعداد Code-Server على نظام أوبنتو 18.04، خطوة بخطوة، بدءًا من تثبيت المتطلبات الأساسية حتى تخصيص البيئة وتشغيل Code-Server على الخادم. يوفر لك Code-Server بيئة تطوير سحابية مرنة تسمح لك بالعمل على مشاريع البرمجة من أي مكان. باستخدام هذه الإعدادات، يمكنك الوصول إلى مشروعك البرمجي وتعديله من خلال متصفح الويب بسهولة وفعالية، مما يوفر لك تجربة تطوير لا مثيل لها.