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

[theanh]

Code-server là Visual Studio (VS) Code có thể chạy từ xa trên máy chủ và 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 20.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 Visual Code Server trên máy chủ Ubuntu 20.04 với 4GB RAM, 25GB dung lượng đĩa trống và 2CPU.

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

• Tải xuống và cài đặt Visual Code Server Gói
• Thiết lập xác thực cho Visual Code Server
• Tạo SSL Letsnecrypt
• Cài đặt và cấu hình Nginx làm Proxy ngược
• Kiểm tra

Bước 1 - Tải xuống và cài đặt các gói Visual Code Server​

Đầu tiên, chúng ta sẽ tải xuống phiên bản Visual Code Server mới nhất cho Ubuntu FocalFossa và cài đặt vào hệ thống của chúng ta.

Theo mặc định, các gói code server có sẵn cho nhiều hệ điều hành. Bạn có thể kiểm tra trang phát hành máy chủ mã trên GitHub bằng liên kết sau.

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

Bây giờ hãy tải xuống các gói Visual Code Server cho Ubuntu bằng lệnh wget bên dưới.

wget -q [URL=https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb?utm_source=diendancongnghe.com]https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb[/URL]

Sau đó, cài đặt gói máy chủ mã trực quan bằng lệnh dpkg bên dưới.

sudo dpkg -i code-server_3.4.1_amd64.deb

Sau khi cài đặt hoàn tất, hãy khởi động dịch vụ máy chủ mã và thêm nó vào hệ thống khởi động.

systemctl --user start code-server
systemctl --user enable code-server

Máy chủ mã trực quan đang hoạt động, hãy kiểm tra bằng lệnh sau.

ss -plnt
systemctl --user status code-server

Dưới đây là kết quả bạn sẽ nhận được.



Như có thể thấy, Máy chủ mã trực quan chạy theo mặc định trên địa chỉ IP cục bộ '127.0.0.1' với cổng TCP '8080'.

Bước 2 - Thiết lập xác thực cho Máy chủ mã trực quan​

Theo mặc định, máy chủ mã trực quan đang chạy với xác thực được bật trên đó.

Xác thực mật khẩu máy chủ mã trực quan theo mặc định được tạo cho Tệp '~/.config/code-server/config.yaml'.

Kiểm tra cấu hình máy chủ mã trực quan bằng lệnh sau.

cat ~/.config/code-server/config.yaml

Bạn sẽ nhận được cấu hình tương tự như thế này.

bind-addr: 127.0.0.1:8080
auth: password
password: 58403006a03529a2d26c08af
cert: false

Cấu hình chi tiết:

• 'bind-addr' là tùy chọn được sử dụng để xác định địa chỉ IP và cổng mà Máy chủ mã sẽ chạy.
• Tùy chọn 'auth' là phương thức xác thực cho Máy chủ mã trực quan và theo mặc định, tùy chọn này sử dụng phương thức xác thực 'password'.
• Tùy chọn 'password' được sử dụng để xác định mật khẩu của bạn để truy cập Máy chủ mã trực quan, và đảm bảo sử dụng mật khẩu mạnh.

Để thay đổi địa chỉ liên kết, cổng và mật khẩu cho Visual Code Server, hãy thay đổi cấu hình mặc định '~/.config/code-server/config.yaml' theo nhu cầu của bạn.

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 và đường dẫn của riêng bạn rồi 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 20.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 20.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