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
- Pré-requisitos
- Instalando o servidor de código com script de instalação
- Configurando a senha do servidor de código
- Configurando o Nginx como proxy reverso
- Configurando UFW (Firewall Descomplicado)
- Protegendo o servidor de código com HTTPS
- Acessando o servidor de código
- 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.