Cách cài đặt Visual Studio Code - Server IDE trên Ubuntu 18.04 LTS

[theanh]

Code-server là Visual Studio (VS) Code có thể chạy từ xa trên máy chủ và có thể truy cập thông qua trình duyệt web. Nó cho phép bạn tạo và có một môi trường phát triển nhất quán có thể truy cập mọi lúc mọi nơi.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách cài đặt Code-server với Nginx làm proxy ngược và SSL Letsencrypt trên Máy chủ Ubuntu 18.04 mới nhất.

Điều kiện tiên quyết

Đối với hướng dẫn này, chúng tôi sẽ cài đặt Code-server trên máy chủ Ubuntu 18.04 với 3GB RAM, 25GB dung lượng đĩa trống và 2CPU.

Những gì chúng ta sẽ làm:

• Thêm người dùng và tải xuống Code-server Binary
• Thiết lập Code-server dưới dạng Dịch vụ Systemd
• Tạo SSL Letsencrypt
• Thiết lập Nginx dưới dạng Proxy ngược cho Code-server
• Kiểm tra

Bước 1 - Thêm người dùng và tải xuống Code-Server Binary​

Đầu tiên, chúng ta sẽ thêm một người dùng mới và tải xuống tệp nhị phân code-server từ GitHub.

Thêm người dùng mới 'code' bằng lệnh bên dưới.

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

Bây giờ hãy đăng nhập với tư cách là người dùng 'code' và tải xuống tệp nhị phân code-server.

su - code
wget https://github.com/cdr/code-server/releases/download/2.1692-vsc1.39.2/code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz

Giải nén code-server và đổi tên thư mục thành 'bin'.

tar -xf code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz
mv code-server2.1692-vsc1.39.2-linux-x86_64/ bin/

Bây giờ hãy tạo code-server dưới dạng tệp nhị phân có thể thực thi.

chmod +x ~/bin/code-server

Và tạo một thư mục dữ liệu mới để lưu trữ dữ liệu người dùng.

mkdir -p ~/data

Bây giờ bạn đã tạo một người dùng mới 'code' và tải xuống tệp nhị phân code-server vào thư mục gốc của người dùng 'code'.

Bước 2 - Thiết lập Code-Server dưới dạng Dịch vụ Systemd​

Trong bước này, chúng tôi sẽ thiết lập code-server để chạy dưới dạng dịch vụ hệ thống.

Dịch vụ code-server sẽ chạy dưới người dùng 'code', với cổng mặc định '8080' và xác thực mật khẩu được bật.

Đi tới thư mục '/etc/systemd/system' và tạo tệp dịch vụ mới 'code-server.service' bằng trình soạn thảo vim.

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

Thay đổi tùy chọn 'Môi trường' bằng mật khẩu của riêng bạn và dán cấu hình vào nó.

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

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

Lưu và đóng.

Bây giờ hãy tải lại trình quản lý hệ thống.

systemctl daemon-reload

Sau đó, hãy khởi động dịch vụ code-server và thêm nó vào hệ thống khởi động bằng lệnh sau.

systemctl start code-server
systemctl enable code-server

Bây giờ hãy kiểm tra dịch vụ code-server.

netstat -plntu
systemctl status code-server

Và dịch vụ code-server đang hoạt động trên cổng mặc định '8080'.



Kết quả là bạn đã thiết lập code-server để chạy như một dịch vụ hệ thống.

Bước 3 - Tạo SSL Letsencrypt​

Trong bước này, chúng ta sẽ tạo SSL letsencrypt bằng công cụ certbot để bảo mật code-server.

Cài đặt công cụ certbot bằng lệnh apt bên dưới.

sudo apt install certbot -y

Sau khi cài đặt hoàn tất, hãy tạo SSL letsencrypt bằng lệnh certbot bên dưới.

certbot certonly --standalone --agree-tos -m [emailprotected] -d vscode.hakase-labs.io

Sau khi hoàn tất, chứng chỉ của bạn sẽ nằm tại thư mục '/etc/letsencrypt/live/vscode.hakase-labs.io/'.

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

Bây giờ bạn đã tạo SSL Letsencrypt để bảo mật cài đặt máy chủ mã bằng công cụ certbot.

Bước 4 - Thiết lập Nginx làm Proxy ngược​

Trong bước này, chúng ta sẽ cài đặt máy chủ web Nginx và thiết lập nó làm proxy ngược cho máy chủ mã với SSL được bật trên đó.

Cài đặt gói Nginx bằng lệnh apt bên dưới.

sudo apt install nginx -y

Sau khi cài đặt hoàn tất, hãy vào thư mục '/etc/nginx/sites-available' và tạo cấu hình máy chủ ảo mới 'code-server'.

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

Bây giờ hãy thay đổi tên miền và đường dẫn SSL bằng tên miền của riêng bạn và dán cấu hình vào đó.

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;
 }
}

Lưu và đóng.

Bây giờ hãy kích hoạt máy chủ ảo 'code-server', kiểm tra cấu hình nginx và đảm bảo không có lỗi.

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

Sau đó, khởi động lại dịch vụ nginx và thêm nó vào hệ thống khởi động.

systemctl restart nginx
systemctl enable nginx

Bây giờ dịch vụ Nginx đã hoạt động như một proxy ngược cho máy chủ mã. Kiểm tra bằng lệnh bên dưới.

netstat -plntu
systemctl status nginx

Và bạn sẽ nhận được kết quả như bên dưới.



Dịch vụ Nginx đang hoạt động trên máy chủ Ubuntu 18.04 với các cổng HTTP và HTTPS được bật.

Bước 5 - Kiểm tra​

Mở trình duyệt web của bạn và nhập URL cài đặt máy chủ mã của bạn.

https://vscode.hakase-labs.io/

Đăng nhập bằng mật khẩu mà bạn đã cấu hình tại tệp dịch vụ máy chủ mã.



Sau khi mật khẩu chính xác, bạn sẽ nhận được trình chỉnh sửa VS Code trên trình duyệt web của mình như bên dưới.



Kết quả là, bạn đã cài đặt máy chủ mã trên máy chủ Ubuntu 18.04 với Nginx làm proxy ngược và bảo mật cài đặt máy chủ mã với SSL Letsencrypt.

Tham khảo​

• https://github.com/cdr/code-server