Cómo instalar el código de Visual Studio
Code-server es un código de Visual Studio (VS) que se puede ejecutar de forma remota en el servidor y se puede acceder a él a través de un navegador web. Le permite crear y tener un entorno de desarrollo consistente al que se puede acceder en cualquier momento y en cualquier lugar.
En este tutorial, le mostraremos cómo instalar Code-server con Nginx como proxy inverso y SSL Letsencrypt en el último servidor Ubuntu 20.04.
requisitos previos
Para esta guía, instalaremos Visual Code Server en el servidor Ubuntu 20.04 con 4 GB de RAM, 25 GB de espacio libre en disco y 2 CPU.
Lo que haremos:
- Descargar e instalar paquetes de servidor de Visual Code
- Configurar la autenticación para Visual Code Server
- Generar SSL Letsnecrypt
- Instalar y configurar Nginx como proxy inverso
- Pruebas
Paso 1: descargue e instale los paquetes del servidor de Visual Code
Primero, descargaremos la última versión de Visual Code Server para Ubuntu FocalFossa y la instalaremos en nuestro sistema.
De forma predeterminada, los paquetes del servidor de códigos están disponibles para varios sistemas operativos. Puede consultar la página de lanzamiento del servidor de códigos en GitHub utilizando el siguiente enlace.
https://github.com/cdr/code-server/releases
Ahora descargue los paquetes de Visual Code Server para Ubuntu usando el comando wget a continuación.
wget -q https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb
Después de eso, instale el paquete del servidor de código visual usando el comando dpkg a continuación.
sudo dpkg -i code-server_3.4.1_amd64.deb
Una vez completada la instalación, inicie el servicio del servidor de códigos y agréguelo al arranque del sistema.
systemctl --user start code-server systemctl --user enable code-server
El Visual Code Server está en funcionamiento, verifíquelo con el siguiente comando.
ss -plnt systemctl --user status code-server
A continuación se muestra el resultado que obtendrá.
Como puede verse, Visual Code Server se ejecuta de forma predeterminada en la dirección IP local ‘127.0.0.1’ con el puerto TCP ‘8080’.
Paso 2: Autenticación de configuración para Visual Code Server
De forma predeterminada, el servidor de código visual se ejecuta con la autenticación habilitada.
La autenticación de contraseña del servidor de código visual se genera de forma predeterminada en el archivo ‘~/.config/code-server/config.yaml’.
Verifique la configuración del servidor de código visual usando el siguiente comando.
cat ~/.config/code-server/config.yaml
Obtendrá algo como esta configuración.
bind-addr: 127.0.0.1:8080 auth: password password: 58403006a03529a2d26c08af cert: false
Detalles configuraciones:
- El ‘bind-addr’ es una opción que se utiliza para definir en qué dirección IP y puerto se ejecutará Code Server.
- La opción ‘auth’ como método de autenticación para Visual Code Server y, de forma predeterminada, se utiliza el método de autenticación ‘contraseña’.
- Las opciones de ‘contraseña’ se utilizan para definir su contraseña para el acceso al servidor de códigos visuales y asegúrese de utilizar una contraseña segura.
Para cambiar la dirección de enlace, el puerto y la contraseña de Visual Code Server, cambie la configuración predeterminada ‘~/.config/code-server/config.yaml’ según lo necesite.
Paso 3 – Genera SSL Letsencrypt
En este paso, generaremos el SSL letsencrypt utilizando la herramienta certbot para proteger el servidor de códigos.
Instale la herramienta certbot usando el comando apt a continuación.
sudo apt install certbot -y
Una vez que se complete la instalación, genere el SSL letsencrypt usando el comando certbot a continuación.
certbot certonly --standalone --agree-tos -m [email protected] -d vscode.hakase-labs.io
Una vez que esté completo, sus certificados se ubicarán en el directorio ‘/etc/letsencrypt/live/vscode.hakase-labs.io/’.
ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/
Ahora ha generado SSL Letsencrypt para asegurar la instalación del servidor de códigos utilizando la herramienta certbot.
Paso 4: configure Nginx como un proxy inverso
En este paso, instalaremos el servidor web Nginx y lo configuraremos como un proxy inverso para el servidor de códigos con SSL habilitado encima.
Instale el paquete Nginx usando el comando apt a continuación.
sudo apt install nginx -y
Una vez completada la instalación, vaya al directorio ‘/etc/nginx/sites-available’ y cree una nueva configuración de host virtual ‘code-server’.
cd /etc/nginx/sites-available/ vim code-server
Ahora cambie el nombre de dominio y la ruta de SSL con los suyos propios y pegue la configuración en él.
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;
}
}
Guardar y cerrar.
Ahora active el host virtual ‘code-server’, pruebe la configuración de nginx y asegúrese de que no haya ningún error.
ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/ nginx -t
Después de eso, reinicie el servicio nginx y agréguelo al arranque del sistema.
systemctl restart nginx systemctl enable nginx
Ahora el servicio Nginx está funcionando como un proxy inverso para el servidor de códigos. Compruébalo usando el siguiente comando.
netstat -plntu systemctl status nginx
Y obtendrá el resultado de la siguiente manera.
El servicio Nginx está funcionando en el servidor Ubuntu 20.04 con los puertos HTTP y HTTPS habilitados.
Paso 5 – Prueba
Abra su navegador web y escriba la URL de la instalación de su servidor de códigos.
https://vscode.hakase-labs.io/
Inicie sesión con la contraseña que configuró en el archivo de servicio del servidor de códigos.
Una vez que la contraseña sea correcta, obtendrá el editor de VS Code en su navegador web como se muestra a continuación.
Como resultado, instaló el servidor de códigos en el servidor Ubuntu 20.04 con Nginx como proxy inverso y aseguró la instalación del servidor de códigos con SSL Letsencrypt.