Cómo instalar el código de Visual Studio

Descargar e instalar el servidor de Visual Code 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

Descargar e instalar el servidor de Visual Code Studio

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á.

Comprobación del estado del servicio y el puerto para el servidor de Visual Code Studio

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.

Configuración predeterminada Servidor de código visual

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

Configurar Nginx como proxy inverso para Visual Code Server

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.

Configurar Nginx como proxy inverso para Visual Code Server

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.

Página de inicio de sesión del servidor de código visual

Una vez que la contrase√Īa sea correcta, obtendr√° el editor de VS Code en su navegador web como se muestra a continuaci√≥n.

Servidor de código visual en Ubuntu 20.04

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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *