Como Instalar o Visual Studio Code - Server IDE no Ubuntu 18.04 LTS

Code-server é um Visual Studio (VS) Code que pode ser executado remotamente no servidor e que é acessível através de um navegador web. Ele permite que você crie e tenha um ambiente de desenvolvimento consistente que pode ser acessado a qualquer momento e em qualquer lugar.

Neste tutorial, vamos mostrar como instalar o Code-server com Nginx como um proxy reverso e SSL Letsencrypt no mais recente Ubuntu 18.04 Server.

Pré-requisitos

Para este guia, vamos instalar o Code-server no servidor Ubuntu 18.04 com 3GB de RAM, 25GB de espaço livre em disco e 2CPUs.

O que faremos:

• Adicionar Usuário e Baixar o Binário do Code-server
• Configurar o Code-server como um Serviço Systemd
• Gerar SSL Letsencrypt
• Configurar o Nginx como um Proxy Reverso para o Code-server
• Testando

Passo 1 - Adicionar Usuário e Baixar o Binário do Code-Server

Primeiro, vamos adicionar um novo usuário e baixar o arquivo binário do code-server do GitHub.

Adicione um novo usuário ‘code’ usando o comando abaixo.

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

Agora faça login como usuário ‘code’ e baixe o arquivo binário do 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

Extraia o code-server e renomeie o diretório como ‘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/

Agora torne o code-server um arquivo binário executável.

chmod +x ~/bin/code-server

E crie um novo diretório de dados para armazenar os dados do usuário.

mkdir -p ~/data

Agora você criou um novo usuário ‘code’ e baixou o binário do code-server para o diretório home do usuário ‘code’.

Passo 2 - Configurar o Code-Server como um Serviço Systemd

Neste passo, vamos configurar o code-server para rodar como um serviço do sistema.

O serviço code-server será executado sob o usuário ‘code’, com a porta padrão ‘8080’ e autenticação por senha habilitada.

Vá para o diretório ‘/etc/systemd/system’ e crie um novo arquivo de serviço ‘code-server.service’ usando o editor vim.

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

Altere a opção ‘Environment’ para uma senha sua e cole a configuração nele.

[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

Salve e feche.

Agora recarregue o gerenciador do sistema.

systemctl daemon-reload

Depois disso, inicie o serviço code-server e adicione-o à inicialização do sistema usando o seguinte comando.

systemctl start code-server  
systemctl enable code-server

Agora verifique o serviço code-server.

netstat -plntu  
systemctl status code-server

E o serviço code-server está ativo e funcionando na porta padrão ‘8080’.

Como resultado, você configurou o code-server para rodar como um serviço do sistema.

Passo 3 - Gerar SSL Letsencrypt

Neste passo, vamos gerar o SSL letsencrypt usando a ferramenta certbot para proteger o code-server.

Instale a ferramenta certbot usando o comando apt abaixo.

sudo apt install certbot -y

Uma vez que a instalação esteja completa, gere o SSL letsencrypt usando o comando certbot abaixo.

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

Uma vez que esteja completo, seus certificados estarão localizados no diretório ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

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

Agora você gerou o SSL Letsencrypt para proteger a instalação do code-server usando a ferramenta certbot.

Passo 4 - Configurar o Nginx como um Proxy Reverso

Neste passo, vamos instalar o servidor web Nginx e configurá-lo como um proxy reverso para o code-server com SSL habilitado em cima dele.

Instale o pacote Nginx usando o comando apt abaixo.

sudo apt install nginx -y

Uma vez que a instalação esteja completa, vá para o diretório ‘/etc/nginx/sites-available’ e crie uma nova configuração de host virtual ‘code-server’.

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

Agora altere o nome do domínio e o caminho do SSL com os seus e cole a configuração nele.

server {  
 listen 80;  
 server_name vscode.hakase-labs.io;  
 # impor 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;  
 }  
}

Salve e feche.

Agora ative o host virtual ‘code-server’, teste a configuração do nginx e certifique-se de que não há erro.

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

Depois disso, reinicie o serviço nginx e adicione-o à inicialização do sistema.

systemctl restart nginx  
systemctl enable nginx

Agora o serviço Nginx está ativo e funcionando como um proxy reverso para o code-server. Verifique usando o comando abaixo.

netstat -plntu  
systemctl status nginx

E você obterá o resultado abaixo.

O serviço Nginx está ativo e funcionando no servidor Ubuntu 18.04 com as portas HTTP e HTTPS habilitadas em cima dele.

Passo 5 - Testando

Abra seu navegador web e digite a URL da sua instalação do code-server.

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

Faça login com a sua senha que você configurou no arquivo de serviço do code-server.

Uma vez que a senha esteja correta, você verá o editor VS Code no seu navegador web como abaixo.

Como resultado, você instalou o code-server no servidor Ubuntu 18.04 com Nginx como um proxy reverso e protegendo a instalação do code-server com SSL Letsencrypt.

Referência

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