Как установить Visual Studio Code - серверный IDE на Ubuntu 18.04 LTS

Code-server — это Visual Studio (VS) Code, который можно запускать удаленно на сервере и который доступен через веб-браузер. Он позволяет создавать и иметь единообразную среду разработки, к которой можно получить доступ в любое время и в любом месте.

В этом руководстве мы покажем вам, как установить Code-server с Nginx в качестве обратного прокси и SSL Letsencrypt на последнем сервере Ubuntu 18.04.

Предварительные требования

Для этого руководства мы установим Code-server на сервер Ubuntu 18.04 с 3 ГБ ОЗУ, 25 ГБ свободного дискового пространства и 2 ЦП.

Что мы будем делать:

• Добавить пользователя и скачать бинарный файл Code-server
• Настроить Code-server как службу Systemd
• Сгенерировать SSL Letsencrypt
• Настроить Nginx как обратный прокси для Code-server
• Тестирование

Шаг 1 - Добавить пользователя и скачать бинарный файл Code-Server

Сначала мы добавим нового пользователя и загрузим бинарный файл code-server с GitHub.

Добавьте нового пользователя ‘code’ с помощью команды ниже.

useradd -m -s /bin/bash code  
passwd code

Теперь войдите как пользователь ‘code’ и загрузите бинарный файл code-server.

su - code  
wget https://github.com/cdr/code-server/releases/download/2.1692-vsc1.39.2/code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz

Извлеките code-server и переименуйте директорию в ‘bin’.

tar -xf code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz  
mv code-server2.1692-vsc1.39.2-linux-x86_64/ bin/

Теперь сделайте code-server исполняемым бинарным файлом.

chmod +x ~/bin/code-server

И создайте новый каталог данных для хранения пользовательских данных.

mkdir -p ~/data

Теперь вы создали нового пользователя ‘code’ и загрузили бинарный файл code-server в домашний каталог пользователя ‘code’.

Шаг 2 - Настроить Code-Server как службу Systemd

На этом шаге мы настроим code-server для работы в качестве системной службы.

Служба code-server будет работать под пользователем ‘code’, с портом по умолчанию ‘8080’ и включенной аутентификацией по паролю.

Перейдите в директорию ‘/etc/systemd/system’ и создайте новый файл службы ‘code-server.service’ с помощью редактора vim.

cd /etc/systemd/system/  
vim code-server.service

Измените опцию ‘Environment’ для пароля на свой собственный и вставьте конфигурацию в него.

[Unit]  
Description=code-server  
After=nginx.service  
  
[Service]  
User=code  
WorkingDirectory=/home/code  
Environment=PASSWORD=hakasevscodeserv  
ExecStart=/home/code/bin/code-server --host 127.0.0.1 --user-data-dir /home/code/data --auth password  
Restart=always  
  
[Install]  
WantedBy=multi-user.target

Сохраните и закройте.

Теперь перезагрузите системный менеджер.

systemctl daemon-reload

После этого запустите службу code-server и добавьте ее в автозагрузку системы с помощью следующей команды.

systemctl start code-server  
systemctl enable code-server

Теперь проверьте службу code-server.

netstat -plntu  
systemctl status code-server

И служба code-server работает на порту по умолчанию ‘8080’.

В результате вы настроили code-server для работы в качестве системной службы.

Шаг 3 - Сгенерировать SSL Letsencrypt

На этом шаге мы сгенерируем SSL letsencrypt с помощью инструмента certbot для защиты code-server.

Установите инструмент certbot с помощью команды apt ниже.

sudo apt install certbot -y

После завершения установки сгенерируйте SSL letsencrypt с помощью команды certbot ниже.

certbot certonly --standalone --agree-tos -m [email protected] -d vscode.hakase-labs.io

После завершения ваши сертификаты будут находиться в директории ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/

Теперь вы сгенерировали SSL Letsencrypt для защиты установки code-server с помощью инструмента certbot.

Шаг 4 - Настроить Nginx как обратный прокси

На этом шаге мы установим веб-сервер Nginx и настроим его как обратный прокси для code-server с включенным SSL.

Установите пакет Nginx с помощью команды apt ниже.

sudo apt install nginx -y

После завершения установки перейдите в директорию ‘/etc/nginx/sites-available’ и создайте новую конфигурацию виртуального хоста ‘code-server’.

cd /etc/nginx/sites-available/  
vim code-server

Теперь измените имя домена и путь к SSL на свои собственные и вставьте конфигурацию в него.

server {  
 listen 80;  
 server_name vscode.hakase-labs.io;  
 # принудить 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;  
 }  
}

Сохраните и закройте.

Теперь активируйте виртуальный хост ‘code-server’, протестируйте конфигурацию nginx и убедитесь, что ошибок нет.

ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/  
nginx -t

После этого перезапустите службу nginx и добавьте ее в автозагрузку системы.

systemctl restart nginx  
systemctl enable nginx

Теперь служба Nginx работает как обратный прокси для code-server. Проверьте это с помощью команды ниже.

netstat -plntu  
systemctl status nginx

И вы получите результат, как ниже.

Служба Nginx работает на сервере Ubuntu 18.04 с включенными HTTP и HTTPS портами.

Шаг 5 - Тестирование

Откройте веб-браузер и введите URL вашей установки code-server.

https://vscode.hakase-labs.io/

Войдите с паролем, который вы настроили в файле службы code-server.

Как только пароль будет правильным, вы увидите редактор VS Code в вашем веб-браузере, как ниже.

В результате вы установили code-server на сервер Ubuntu 18.04 с Nginx в качестве обратного прокси и защитили установку code-server с помощью SSL Letsencrypt.

Ссылки

• https://github.com/cdr/code-server