Cách cài đặt Visual Studio Code Cloud IDE trên Ubuntu 24.04 Server

[theanh]

Visual Studio Code Cloud IDE là phiên bản trực tuyến của trình soạn thảo Visual Studio Code (VS Code) phổ biến của Microsoft, được thiết kế để cung cấp môi trường phát triển linh hoạt và dễ tiếp cận trên đám mây. Nó cho phép các nhà phát triển mã hóa trực tiếp từ trình duyệt web của họ mà không cần cài đặt bất kỳ thứ gì trên máy cục bộ của họ. IDE dựa trên đám mây này tích hợp liền mạch với GitHub và các dịch vụ đám mây khác, cho phép cộng tác theo thời gian thực, dễ dàng truy cập vào các dự án từ bất kỳ thiết bị nào và khả năng làm việc trong các môi trường phân tán. Với các tính năng như tô sáng cú pháp, gỡ lỗi và tiện ích mở rộng, Visual Studio Code Cloud IDE cung cấp trải nghiệm phát triển đầy đủ, khiến nó trở thành giải pháp tiện lợi cho các nhà phát triển cần một môi trường mã hóa mạnh mẽ, di động có thể truy cập từ hầu như mọi nơi.

Hướng dẫn này sẽ chỉ cho bạn cách cài đặt Visual Code-Server trên máy chủ Ubuntu 24.04 với Nginx làm proxy ngược.

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

Trước khi bắt đầu, hãy đảm bảo bạn có những điều sau:

• Máy chủ Ubuntu 24.05.
• Người dùng không phải root có quyền quản trị viên.
• Tên miền trỏ đến địa chỉ IP của máy chủ.

Cài đặt code-server bằng tập lệnh cài đặt​

Để cài đặt code-server, bạn có thể tải xuống và chạy tập lệnh cài đặt code-server. Trong ví dụ này, bạn sẽ cài đặt code-server với tư cách là người dùng không phải root. Vì vậy, hãy đảm bảo rằng bạn đã đăng nhập vào người dùng của mình.

Trước tiên, hãy chạy lệnh bên dưới để đảm bảo rằng code-server có thể được cài đặt trên hệ thống của bạn.

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

Khi code-server được cài đặt trên hệ thống của bạn, bạn sẽ thấy đầu ra sau:


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22387%22%3E%3C/svg%3E


Bây giờ hãy cài đặt máy chủ mã bằng lệnh bên dưới. Nhập mật khẩu sudo/administrator khi được yêu cầu.

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

data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22471%22%3E%3C/svg%3E


Sau khi cài đặt hoàn tất, hãy khởi động và kích hoạt máy chủ mã bằng lệnh 'systemctl' sau lệnh.

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

Cuối cùng, hãy kiểm tra dịch vụ máy chủ mã bằng lệnh sau để đảm bảo dịch vụ đang chạy.

sudo systemctl status code-server@$USER

Trong đầu ra này, bạn có thể thấy máy chủ mã đang chạy, chạy trên cổng mặc định 8080.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22271%22%3E%3C/svg%3E

Cấu hình mật khẩu code-server​

Sau khi cài đặt code-server, bạn sẽ thiết lập xác thực mật khẩu để bảo mật môi trường code-server.

Mở tệp cấu hình code-server mặc định ~/.config/code-server/config.yaml bằng 'nano' biên tập viên.

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

Thay đổi mật khẩu mặc định bằng mật khẩu an toàn của bạn.

bind-addr: 127.0.0.1:8080
auth: password
password: 0e0cb3af923c659366334664
cert: false

Lưu tệp và thoát khỏi trình biên tập.

Bây giờ hãy chạy lệnh bên dưới để khởi động lại máy chủ mã và áp dụng thay đổi.

sudo systemctl restart code-server@$USER

Thiết lập Nginx làm proxy ngược​

Bây giờ bạn đã có máy chủ mã an toàn, bạn sẽ cài đặt Nginx và định cấu hình nó làm proxy ngược. Vì vậy, hãy đảm bảo rằng bạn đã trỏ tên miền của mình đến địa chỉ IP của máy chủ.

Cài đặt máy chủ web Nginx bằng lệnh 'apt' sau. Nhập 'Y' để xác nhận cài đặt.

sudo apt install nginx -y

data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22743%22%20height=%22416%22%3E%3C/svg%3E


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

sudo nano /etc/nginx/sites-available/code-server.conf

Chèn cấu hình sau vào tệp và đảm bảo thay đổi tên miền 'code.howtoforge.local'.

server {
listen 80;
listen [::]:80;
server_name code.howtoforge.local;

location / {
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}

Khi hoàn tất, hãy lưu tệp và thoát khỏi trình chỉnh sửa.

Tiếp theo, hãy chạy lệnh sau để kích hoạt khối máy chủ 'code-server.conf' và xác minh cấu hình Nginx của bạn.

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

Nếu bạn đúng và có cấu hình Nginx phù hợp, bạn sẽ thấy đầu ra 'cú pháp ổn - thử nghiệm thành công'.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22164%22%3E%3C/svg%3E


Bây giờ hãy chạy lệnh bên dưới để khởi động lại máy chủ web Nginx và áp dụng các thay đổi. Sau đó, hãy kiểm tra trạng thái Nginx để đảm bảo máy chủ web đang chạy.

sudo systemctl restart nginx
sudo systemctl status nginx

Trong kết quả đầu ra sau, bạn có thể thấy máy chủ web Nginx đang chạy như một proxy ngược cho ứng dụng máy chủ mã.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22237%22%3E%3C/svg%3E

Thiết lập UFW (Uncomplicated Firewall)​

Để cho phép truy cập vào máy chủ mã, bạn phải mở cả cổng HTTP và HTTPS thông qua UFW (Uncomplicated Firewall).

Chạy lệnh bên dưới để bật cấu hình 'Nginx Full' và cho phép lưu lượng HTTP và HTTPS đến cài đặt Nginx của bạn. Sau khi thêm, bạn sẽ thấy đầu ra 'Rule added'.

sudo ufw allow 'Nginx Full'

Bây giờ hãy chạy lệnh sau để kiểm tra trạng thái UFW. Đảm bảo rằng cấu hình 'Nginx Full' được bật để cho phép truy cập từ mọi nơi.

sudo ufw status

Bảo mật code-server bằng HTTPS​

Trong phần này, bạn sẽ bảo mật code-server bằng HTTPS bằng cách tạo chứng chỉ SSL/TLS thông qua certbot và letsencrypt.

Cài đặt các gói 'certbot' và 'python3-certbot-nginx' bằng 'apt' sau lệnh.

sudo apt install certbot python3-certbot-nginx

Sau khi quá trình cài đặt hoàn tất, hãy thực hiện lệnh 'certbot' bên dưới để tạo chứng chỉ SSL/TLS và bảo mật cài đặt máy chủ mã của bạn. Đảm bảo thay đổi tên miền và địa chỉ email bằng thông tin của bạn.

sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email [emailprotected] -d code.howtoforge.local

Khi quá trình hoàn tất, cài đặt máy chủ mã của bạn sẽ được bảo mật tự động bằng HTTPS. Và chứng chỉ SSL/TLS của bạn sẽ có trong thư mục '/etc/letsencrypt/live/code.howtoforge.local'.

Truy cập code-server​

Mở trình duyệt web của bạn và truy cập https://code.howtoforge.local. Nếu cài đặt thành công, bạn sẽ được nhắc xác thực mật khẩu.

Nhập mật khẩu của bạn và nhấp vào GỬI để xác nhận.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22372%22%3E%3C/svg%3E


Nếu bạn có mật khẩu đúng, bạn sẽ thấy màn hình máy chủ mã sau. Chọn chủ đề mặc định của bạn, sáng hoặc tối.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22372%22%3E%3C/svg%3E


Bây giờ bạn sẽ nhận được máy chủ mã trực tiếp sau trên trình duyệt web của mình.


data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22750%22%20height=%22371%22%3E%3C/svg%3E

Kết luận​

Xin chúc mừng! Bạn đã hoàn tất cài đặt máy chủ mã VS trên máy chủ Ubuntu 24.04. Bạn đã cài đặt và bảo mật máy chủ mã bằng xác thực mật khẩu và HTTPS và cấu hình Nginx làm proxy ngược cho cài đặt máy chủ mã của bạn.