Code-server هو كود (Visual Studio(VS يمكن تشغيله عن بُعد (remotely) على الخادم ويمكن الوصول إليه من خلال متصفح الويب.
يتيح لك إنشاء بيئة برمجة والحصول عليها في أي وقت ومن أي مكان.
سنوضح هنا كيفية تثبيت خادم الشفرة باستخدام Nginx كوكيل عكسي (reverse proxy) و SSL Letsencrypt على خادم Ubuntu 20.04.
المتطلبات الأساسية
سنقوم بتثبيت Visual Code Server على خادم Ubuntu 20.04 مع ذاكرة وصول عشوائي (RAM) سعة 4 جيجابايت ومساحة خالية على القرص تبلغ 25 جيجابايت ووحدات معالجة مركزية (2CPU).
سنقوم بتنزيل حزم Visual Code Server وتثبيتها.
وإعداد مصادقة (Authentication) لـ Visual Code Server.
وإنشاء SSL Letsnecrypt.
وتثبيت وإعداد Nginx كوكيل عكسي (Reverse Proxy)
واختبار الإعدادات.
الخطوات
تنزيل حزم خادم Visual Code وتثبيتها
سنقوم بتنزيل أحدث إصدار من Visual Code Server لـ Ubuntu FocalFossa وتثبيته.
بشكل افتراضي ، تتوفر حزم خادم التعليمات البرمجية لأنظمة تشغيل متعددة.
يمكنك التحقق من صفحة إصدار خادم التعليمات البرمجية على GitHub باستخدام الارتباط التالي.
قم بتنزيل حزم Visual Code Server لـ Ubuntu باستخدام الأمر wget
wget https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb
قم بتثبيت حزمة visual code server باستخدام الأمر dpkg
sudo dpkg -i code-server_3.4.1_amd64.deb
بعد اكتمال التثبيت ابدأ خدمة code server service وأضفها إلى تمهيد (boot) النظام.
systemctl --user start code-server
systemctl --user enable code-server
Visual Code Server قيد التشغيل.
تحقق منه باستخدام الأمر التالي:
ss -plnt
systemctl --user status code-server
ستحصل على النتيجة التالية
يعمل Visual Code Server افتراضيًا على عنوان IP المحلي 127.0.0.1 باستخدام منفذ TCP "8080".
إعداد المصادقة لخادم التعليمات البرمجية المرئية
بشكل افتراضي ، يعمل visual code server مع تمكين المصادقة (authentication).
يتم إنشاء مصادقة كلمة مرور افتراضيًا إلى الملف
"~ / .config / code-server / config.yaml".
تحقق من إعداد الخادم
cat ~/.config/code-server/config.yaml
سوف تحصل على النتيجة
bind-addr: 127.0.0.1:8080
auth: password
password: 58403006a03529a2d26c08af
cert: false
bind-addr
عنوان IP والمنفذ الذي سيتم تشغيل Code Server عليه.
auth
طريقة مصادقة Code Server.
بشكل افتراضي يتم استخدام طريقة المصادقة password.
password
تحديد كلمة المرور الخاصة بك للوصول إلى خادم Visual Code.
تأكد من استخدام كلمة مرور قوية.
لتغيير عنوان الربط والمنفذ وكلمة المرور لـ Visual Code Server قم بتغيير الإعداد الافتراضي
~ / .config / code-server / config.yaml
إنشاء SSL Letsencrypt
سننشئ SSL Letsencrypt باستخدام الأداة certbot لتأمين الـ code-server.
قم بتثبيت أداة certbot باستخدام الأمر apt
sudo apt install certbot -y
بعد اكتمال التثبيت قم بإنشاء SSL Letsencrypt باستخدام الأمر certbot
certbot certonly --standalone --agree-tos -m myemail@gmail.com -d vscode.hakase-labs.io
سيتم وضع الـ certificates في المجلد:
ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/
إعداد Nginx كوكيل عكسي (Reverse Proxy)
سنقوم بتثبيت خادم الويب Nginx وإعداده كوكيل عكسي لـ code-server مع تمكين SSL .
قم بتثبيت حزمة Nginx باستخدام الأمر apt
sudo apt install nginx -y
بعد اكتمال التثبيت انتقل إلى المجلد / etc / nginx / sites-available وأنشئ تكوين virtual host configuration جديدة باسم "code-server".
cd /etc/nginx/sites-available/
vim code-server
الآن قم بتغيير اسم الـ domain ومسار SSL الخاص بك وقم بلصق الإعدادات فيه.
server {
listen 80;
server_name vscode.hakase-labs.io;
# enforce https
return 301 https://$server_name:443$request_uri;
}
server {
listen 443 ssl http2;
server_name vscode.hakase-labs.io;
ssl_certificate /etc/letsencrypt/live/vscode.hakase-labs.io/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/vscode.hakase-labs.io/privkey.pem;
location / {
proxy_pass http://127.0.0.1:8080/;
proxy_set_header Host $host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}
احفظ وأغلق.
الآن قم بتفعيل virtual host الـ 'code-server' ، واختبر إعدادات nginx وتأكد من عدم وجود خطأ.
ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/
nginx -t
أعد تشغيل خدمة nginx وأضفها إلى boot النظام.
systemctl restart nginx
systemctl enable nginx
Now the Nginx service is up and running as a reverse proxy for the code-server. Check it using the command below.
الآن أصبحت خدمة Nginx قيد التشغيل كوكيل عكسي لـ code-server.
تحقق من ذلك باستخدام الأمر:
netstat -plntu
systemctl status nginx
ستحصل على النتيجة
خدمة Nginx قيد التشغيل على خادم Ubuntu 20.04 مع تمكين منافذ HTTP و HTTPS في الأعلى.
اختبار الإعدادات
افتح متصفح الويب الخاص بك واكتب عنوان URL الخاص بتثبيتcode-server.
https://vscode.hakase-labs.io/
سجّل الدخول باستخدام كلمة المرور التي قمت بإعدادها من قبل.
بمجرد صحة كلمة المرور ستحصل على محرر VS Code على متصفح الويب الخاص بك
قمنا بتثبيت خادم code-server على خادم Ubuntu 20.04 باستخدام Nginx كوكيل عكسي (reverse proxy) والتأمين باستخدام SSL Letsencrypt.