Pesquisa de site

Como instalar o Visual Studio Code Cloud IDE no servidor Ubuntu 24.04


Este tutorial existe para estas versões de sistema operacional

  • Ubuntu 24.04 (Nobre Numbat)
  • Ubuntu 20.04 (FocalFossa)
  • Ubuntu 18.04 (castor biônico)

Nesta página

  1. Pré-requisitos
  2. Instalando o servidor de código com script de instalação
  3. Configurando a senha do servidor de código
  4. Configurando o Nginx como proxy reverso
  5. Configurando UFW (Firewall Descomplicado)
  6. Protegendo o servidor de código com HTTPS
  7. Acessando o servidor de código
  8. Conclusão

O Visual Studio Code Cloud IDE é uma versão online do popular editor Visual Studio Code (VS Code) da Microsoft, projetado para fornecer um ambiente de desenvolvimento flexível e acessível na nuvem. Ele permite que os desenvolvedores codifiquem diretamente de seus navegadores sem a necessidade de instalar nada em suas máquinas locais. Este IDE baseado em nuvem integra-se perfeitamente ao GitHub e outros serviços em nuvem, permitindo colaboração em tempo real, acesso fácil a projetos de qualquer dispositivo e a capacidade de trabalhar em ambientes distribuídos. Com recursos como destaque de sintaxe, depuração e extensões, o Visual Studio Code Cloud IDE oferece uma experiência de desenvolvimento completa, tornando-o uma solução conveniente para desenvolvedores que precisam de um ambiente de codificação poderoso e portátil que pode ser acessado de praticamente qualquer lugar.

Este guia mostrará como instalar o Visual Code-Server no servidor Ubuntu 24.04 com Nginx como proxy reverso.

Pré-requisitos

Antes de começar, certifique-se de ter o seguinte:

  • Um servidor Ubuntu 24.05.
  • Um usuário não root com privilégios de administrador.
  • Um nome de domínio apontado para um endereço IP de servidor.

Instalando o servidor de código com script de instalação

Para instalar o servidor de código, você pode fazer download e executar o script do instalador do servidor de código. Neste exemplo, você instalará um servidor de código como um usuário não root. Portanto, certifique-se de estar conectado ao seu usuário.

Primeiro, execute o comando abaixo para garantir que o servidor de código possa ser instalado em seu sistema.

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run

Quando o code-server estiver instalado em seu sistema, você verá a seguinte saída:

Agora instale o servidor de código com o comando abaixo. Digite sua senha sudo/administrador quando solicitado.

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

Após a conclusão da instalação, inicie e ative o servidor de código com o seguinte comando 'systemctl'.

sudo systemctl enable --now code-server@$USER

Por último, verifique o serviço do servidor de código com o seguinte para garantir que o serviço esteja em execução.

sudo systemctl status code-server@$USER

Nesta saída, você pode ver que o servidor de código está em execução, que é executado na porta padrão 8080.

Configurando a senha do servidor de código

Depois de instalar o servidor de código, você configurará a autenticação por senha para proteger o ambiente do servidor de código.

Abra o arquivo de configuração padrão do servidor de código ~/.config/code-server/config.yaml com o editor 'nano'.

nano ~/.config/code-server/config.yaml

Altere a senha padrão com sua senha segura.

bind-addr: 127.0.0.1:8080
auth: password
password: 0e0cb3af923c659366334664
cert: false

Salve o arquivo e saia do editor.

Agora execute o comando abaixo para reiniciar o servidor de código e aplicar suas alterações.

sudo systemctl restart code-server@$USER

Configurando o Nginx como proxy reverso

Agora que você protege o servidor de código, instale o Nginx e configure-o como um proxy reverso. Portanto, certifique-se de que seu nome de domínio esteja apontado para um endereço IP de servidor.

Instale o servidor web Nginx com o seguinte comando 'apt'. Digite 'Y' para confirmar a instalação.

sudo apt install nginx -y

Após a conclusão da instalação, crie uma nova configuração de bloco de servidor '/etc/nginx/sites-available/code-server.conf' com o editor 'nano'.

sudo nano /etc/nginx/sites-available/code-server.conf

Insira a seguinte configuração no arquivo e certifique-se de alterar o nome de domínio 'code.howtoforge.local'.

server {
listen 80;
listen [::]:80;
server_name code.howtoforge.local;
location / {
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}

Ao terminar, salve o arquivo e saia do editor.

Em seguida, execute o seguinte comando para ativar o bloco do servidor 'code-server.conf' e verificar sua configuração Nginx.

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

Se você estiver correto e tiver a configuração adequada do Nginx, verá a saída 'sintaxe está ok - teste bem-sucedido'.

Agora execute o comando abaixo para reiniciar o servidor web Nginx e aplicar as alterações. Em seguida, verifique o status do Nginx para garantir que o servidor web esteja em execução.

sudo systemctl restart nginx
sudo systemctl status nginx

Na saída a seguir, você pode ver que o servidor web Nginx está sendo executado como um proxy reverso para o aplicativo do servidor de código.

Configurando UFW (Firewall Descomplicado)

Para permitir o acesso ao servidor de código, você deve abrir as portas HTTP e HTTPS através do UFW (Firewall Descomplicado).

Execute o comando abaixo para ativar o perfil 'Nginx Full' e permitir o tráfego HTTP e HTTPS para sua instalação do Nginx. Uma vez adicionado, você verá uma saída 'Regra adicionada'.

sudo ufw allow 'Nginx Full'

Agora execute o seguinte comando para verificar o status do UFW. Certifique-se de que o perfil ‘Nginx Full’ esteja habilitado para permitir o acesso de qualquer lugar.

sudo ufw status

Protegendo o servidor de código com HTTPS

Nesta seção, você protegerá o servidor de código com HTTPS gerando certificados SSL/TLS por meio de certbot e letsencrypt.

Instale os pacotes ‘certbot’ e ‘python3-certbot-nginx’ com o seguinte comando ‘apt’.

sudo apt install certbot python3-certbot-nginx

Após a conclusão da instalação, execute o comando 'certbot' abaixo para gerar certificados SSL/TLS e proteger a instalação do servidor de código. Certifique-se de alterar o nome de domínio e o endereço de e-mail com suas informações.

sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email [email  -d code.howtoforge.local

Quando o processo for concluído, a instalação do servidor de código será protegida automaticamente com HTTPS. E seus certificados SSL/TLS estarão disponíveis no diretório '/etc/letsencrypt/live/code.howtoforge.local'.

Acessando o servidor de código

Abra seu navegador e visite https://code.howtoforge.local. Se a instalação for bem-sucedida, você será solicitado a fornecer autenticação por senha.

Insira sua senha e clique em ENVIAR para confirmar.

Se você tiver a senha correta, verá a seguinte tela do servidor de código. Selecione seu tema padrão, claro ou escuro.

Agora você obterá o seguinte servidor de código ativo em seu navegador.

Conclusão

Parabéns! Você concluiu a instalação do servidor de código VS no servidor Ubuntu 24.04. Você instalou e protegeu um servidor de código com autenticação de senha e HTTPS e configurou o Nginx como um proxy reverso para a instalação do servidor de código.

Artigos relacionados: