오라클 클라우드 code-server(VSCode) 설치

목차

 

설치 방법

아래의 명령어로 설치 전 테스트를 해볼 수 있다.

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

 

설치에 문제가 없다면 아래의 명령어로 설치한다.

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

 

code-server 설정

우선 오라클 클라우드의 VCN 설정으로 가서 8080 포트를 허용해준다.

기본 포트가 8080이기 때문에 다른 포트로 설정하려면 code-server 설정 파일을 변경하면 된다.

포트 허용 후 아래의 명령어로 설정 파일을 생성한다.

$ code-server

 

생성된 설정 파일은 ~/.config/code-server 경로에 생성된다.

아래의 명령어로 설정 파일을 수정한다.

$ cd ~/.config/code-server
$ sudo nano config.yaml

 

아래와 비슷한 내용이 출력된다.

외부에서 접속을 허용하려면 bind-addr를 0.0.0.0으로 변경한다.

비밀번호를 설정한 뒤 저장하고 나온다.

bind-addr: 0.0.0.0:8080
auth: password
password: 설정할비밀번호
cert: false

 

아래의 명령어로 시스템 서비스로 등록하고 설정 적용을 위해 재시작한다.

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

 

이제 공용IP:8080으로 접속하면 언제 어디서나 VSCode를 사용할 수 있다.

 

도메인 연결

우선 nginx부터 설치를 한다.

설치 후에는 시스템 서비스로 등록한다.

$ sudo apt install nginx

$ sudo systemctl start nginx
$ sudo systemctl enable nginx

 

nginx와 관련된 폴더/파일들의 권한을 변경해준다.

$ sudo chown -R ubuntu /var/www
$ sudo chgrp -R ubuntu /var/www
$ sudo chgrp ubuntu /etc/nginx/sites-available/default
$ sudo chmod 664 /etc/nginx/sites-available/default

 

default 파일의 내용을 아래와 같이 수정한다.

code-server의 포트를 변경했다면 8080을 설정한 포트로 변경한다.

# Default server configuration
server {
    listen 80;
 
    server_name 도메인;
 
    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
 
        proxy_pass http://127.0.0.1:8080;
        proxy_redirect off;
 
        # Socket.IO Support
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
 
    location ~ /\.ht {
        deny all;
    }
 
}

 

도메인의 DNS 설정에서 공용 IP를 등록한다.

nginx를 재시작하고 도메인에 접속하면 code-server의 로그인 화면으로 연결된다.

$ sudo systemctl reload nginx

 

이후 SSL 인증서 적용 과정은 NodeBB와 같다.

default 파일을 작성할 때도 도메인만 바꿔주면 된다.

참고: NodeBB 설치

 

다만 code-server는 기본적으로 타인과 공유하지 않는게 좋으니 접속자가 낮은 것을 감안해서 access.log 파일은 nginx에서 하나만 작성하게 하는 것이 좋을 것 같다.

default 파일 작성 시 서버 블록의 로그 관련 부분을 지워주면 된다.