웹사이트 검색

Debian 10에 Visual Studio Code Server를 설치하는 방법

이 페이지에서

  1. 1단계 - 새 Linux 사용자 만들기
  2. 2단계 - GitHub에서 Visual Studio Code-Server 다운로드
  3. 3단계 - Code-Server를 SysteSUBMITmd 서비스로 설정
  4. 4단계 - SSL Letsencrypt 생성
  5. 5단계 - Nginx를 역방향 프록시로 설정\n
  6. 6단계 - 코드 서버 테스트

코드 서버는 서버에서 원격으로 실행하고 웹 브라우저를 통해 액세스할 수 있는 VS(Visual Studio) 코드 버전입니다. 언제 어디서나 접근 가능한 일관된 개발 환경의 생성 및 운영이 가능합니다.

이 튜토리얼에서는 Debian Buster 10에 코드 서버를 설치하는 방법을 보여줍니다. Nginx를 리버스 프록시로 사용하여 코드 서버를 설치 및 구성하고 SSL Letsencrypt로 보호하며 코드 서버 기본 인증을 활성화합니다.

전제 조건

이 가이드에서는 2GB 메모리, 25GB 여유 디스크 공간 및 2개의 CPU가 있는 최신 Debian 10에 코드 서버를 설치합니다.

우리가 할 일:

  • 새 사용자 만들기
  • 코드 서버 다운로드
  • 시스템 서비스로 코드 서버 설정
  • SSL Letsencrypt 생성
  • 코드 서버용 리버스 프록시로 Nginx 설정\n
  • 테스트

1단계 - 새 Linux 사용자 만들기

먼저 Debian 시스템에서 새 사용자를 생성합니다. 코드 서버는 해당 사용자로 실행됩니다.

아래 명령을 사용하여 code라는 새 사용자를 만듭니다.

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

이제 사용자 코드의 암호를 입력하면 코드 서버를 실행하기 위한 새 사용자가 생성됩니다.

2단계 - GitHub에서 Visual Studio Code-Server 다운로드

이 단계에서는 GitHub에서 코드 서버 소스 코드를 다운로드합니다.

사용자 코드에 로그인하고 아래의 wget 명령을 사용하여 코드 서버 소스 코드를 다운로드합니다.

su - code
wget https://github.com/cdr/code-server/releases/download/3.0.0/code-server-3.0.0-linux-x86_64.tar.gz

소스 코드를 추출하고 디렉터리 이름을 bin/로 바꿉니다.

tar -xf code-server-3.0.0-linux-x86_64.tar.gz
mv code-server-*/ bin/

이제 코드 서버 바이너리 파일을 실행 파일로 만들고 코드 서버 구성을 저장하기 위한 새 데이터 디렉토리를 만듭니다.

chmod +x bin/code-server
mkdir -p ~/data

결과적으로 코드 서버 소스 코드가 다운로드되었고 다음 단계를 위한 준비가 되었습니다.

3단계 - Code-Server를 SysteSUBMITmd 서비스로 설정

코드 서버 소스 코드를 다운로드한 후 코드 서버를 시스템 서비스로 설정합니다.

이제 루트 사용자로 돌아가거나 루트 sudo 권한이 있는 경우 아래 sudo 명령을 실행하십시오.

sudo su

이제 /etc/systemd/system 디렉토리로 이동하고 vim 편집기를 사용하여 새 서비스 파일인 code-server.service를 만듭니다.

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

Environment=PASSWORD=... 옵션에서 hakasecodeserv를 자신의 암호로 변경하고 구성을 붙여넣습니다.

[Unit]
Description=code-server
After=nginx.service

[Service]
User=code
WorkingDirectory=/home/code
Environment=PASSWORD=hakasecodeserv
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

저장하고 닫습니다.

다음으로 아래의 systemctl 명령을 사용하여 systemd 관리자를 다시 로드합니다.

systemctl daemon-reload

코드 서버 서비스를 시작하고 시스템 부팅에 추가합니다.

systemctl start code-server
systemctl enable code-server

코드 서버가 실행 중이며 다음 명령을 사용하여 확인하십시오.

netstat -plntu
systemctl status code-server

결과적으로 코드 서버는 Debian Buster 10에서 시스템 서비스로 실행됩니다.

4단계 - SSL Letsencrypt 생성

이 단계에서는 코드 서버 보안을 위해 certbot 도구를 사용하여 SSL letsencrypt를 생성합니다.

아래의 apt 명령을 사용하여 certbot 도구를 설치합니다.

sudo apt install certbot -y

설치가 완료되면 아래 certbot 명령을 사용하여 SSL letsencrypt를 생성합니다.

certbot certonly --standalone --agree-tos -m  -d code.hakase-labs.io

완료되면 인증서는 /etc/letsencrypt/live/code.hakase-labs.io/ 디렉토리에 있습니다.

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

이제 certbot 도구를 사용하여 코드 서버 설치를 보호하기 위한 SSL Letsencrypt를 생성했습니다.

5단계 - Nginx를 역방향 프록시로 설정

이 단계에서는 Debian 시스템에 Nginx 웹 서버를 설치합니다. 기본 포트 8080에서 실행되는 코드 서버의 리버스 프록시로 사용됩니다.

아래의 apt 명령을 사용하여 Nginx 패키지를 설치합니다.

sudo apt install nginx -y

설치가 완료되면 /etc/nginx/sites-available 디렉토리로 이동하고 vim 편집기를 사용하여 새 가상 호스트 구성 코드 서버를 생성합니다.

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

도메인 이름과 SSL 경로를 원하는 대로 변경한 다음 구성을 붙여넣습니다.

server {
    listen 80;
    server_name code.hakase-labs.io;
    # enforce https
    return 301 https://$server_name:443$request_uri;
}

server {
    listen 443 ssl http2;
    server_name code.hakase-labs.io;

    ssl_certificate /etc/letsencrypt/live/code.hakase-labs.io/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/code.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;
    }
}

저장하고 닫습니다.

이제 코드 서버 가상 호스트를 활성화하고 Nginx 구성을 확인하고 오류가 없는지 확인하십시오.

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

이제 Nginx 서비스를 다시 시작하십시오.

systemctl restart nginx

결과적으로 코드 서버에 대한 리버스 프록시로서의 Nginx 구성이 완료되었으며 이제 웹 브라우저를 통해 코드 서버에 액세스할 수 있습니다.

6단계 - 코드 서버 테스트

웹 브라우저를 열고 코드 서버 URL 설치를 입력하십시오. 내 것은 (도메인을 귀하의 도메인으로 교체):

https://code.hakse-labs.io/

이제 보안 HTTPS 연결로 리디렉션되고 코드 서버 비밀번호를 묻는 메시지가 표시됩니다.

비밀번호를 입력하고 SUBMIT 버튼을 클릭합니다.

이제 웹 브라우저에서 Visual Code Studio 편집기를 사용할 수 있습니다.

결과적으로 Nginx 리버스 프록시 및 SSL Letsencrypt를 사용하여 Debian Buster 10에 코드 서버를 성공적으로 설치했습니다.